Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/article-magazine make me: Picking a few design templates for your agentExample message showing how to invoke it, not a real output.
What you get
- Design templates for web, slides and editorial layouts
- HTML outputs you can preview in a browser
- Works standalone or inside the OpenDesign app
Good fit
- Picking a few design templates for your agent
Not for
- Installing the whole folder: it is very large
What you need
- Some skills inside are adapted from other projects; check each SKILL.md for credits
This is a pack of 164 skills. The installer lists them all; pick only the ones you need (--skill <name>).
- License
- Apache-2.0
- Author
- @nexu-io
- Source
- nexu-io/open-design/skills · ★ 99,658
Upstream description
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/open-design/install.md and follow the instructions to install the skill.
npx skills add https://github.com/nexu-io/open-design -g -a claude-code
npx skills add https://github.com/nexu-io/open-design -g -a codex
git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/open-design # 164 skills inside — list them, then copy the ones you want: find /tmp/open-design/skills -name SKILL.md mkdir -p ~/.claude/skills && cp -r /tmp/open-design/skills/article-magazine ~/.claude/skills/article-magazine
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
SaaS Landing Page
A single-page SaaS landing site with hero, features, social proof, pricing and CTA — one HTML file.
Taste Design System (DESIGN.md)
Generate an agent-friendly DESIGN.md that enforces premium, anti-generic UI: strict type, calibrated colour, asymmetric layouts, micro-motion.
Design System Extractor
Analyse an existing Stitch project and synthesise its semantic design system into DESIGN.md.
shadcn/ui Expert
Guidance for discovering, installing and customising shadcn/ui components with solid architecture and theming practices.