Open Design Skill — Design skill for Claude Code
A community SKILL.md companion to Open Design.
How to install Open Design Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open sugarforever/open-design-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Open Design Skill does
A community SKILL.md companion to Open Design.
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
README
Open Design Skill
A community SKILL.md companion to [Open Design](https://github.com/nexu-io/open-design): a thin wrapper that brings Open Design's curated catalogue into any agent session following the SKILL.md convention (Claude Code, Codex, Cursor, Gemini CLI, OpenCode, …) — **without** running Open Design's local daemon.
What's in the catalogue
- 150+ brand DESIGN.md files (Airbnb, Apple, BMW, Bugatti, Claude, Cursor, Discord, Figma, Framer, Stripe, …).
- 110+ rendering templates for decks, prototypes, dashboards, landing pages, posters, image/video/audio.
- 130+ functional skills (briefs, audits, copywriting, critique, …).
- 11 craft references — universal brand-agnostic rules (typography, color, anti-AI-slop, accessibility, animation, RTL, …).
What this skill does, in one sentence: lets the agent pick a design system plus a template/skill once per project, layer in the craft rules that template opts into, and follow the resulting composed workflow — the same prompt composition Open Design's daemon does, without needing the daemon to be running.
Install
Via Vercel's `skills` CLI (recommended)
npx skills add sugarforever/open-design-skill
The CLI auto-discovers the `SKILL.md` at the repo root and copies / symlinks it into your agent's skills directory (e.g. `~/.claude/skills/open-design/`, `~/.codex/skills/open-design/`, etc.). Works with Claude Code, Codex, Cursor Agent, OpenCode, Gemini CLI, and others that follow the SKILL.md convention.
Manual install (Claude Code)
git clone https://github.com/sugarforever/open-design-skill \
~/.claude/skills/open-design
Prerequisite: clone the Open Design content repo
This skill is a thin wrapper. The actual content (design systems, templates, craft rules) lives in the Open Design repo and must be cloned locally. The skill will offer to do this on first use, but you can do it manually:
git clone https://github.com/nexu-io/open-design ~/.
Related Skills
Build Funnel
Design funnel architecture using one of 7 archetypes (VSL / Webinar / Application / Book-a-Call / Tripwire / C
Agent Design Patterns
A 7×6 framework for agent architecture. 28 patterns, each placed at a coordinate, runnable Python code with ve
Createuxprd
Generate the UX PRD companion document from design requirements
Claude Design PM Toolkit
Copy-paste Claude Design prompts for PMs. Board decks, investor demos, launch pages, feature flows, stakeholde
Ironbark
Ironbark — Hermes-style learning loop. Harvests reusable SKILL.md files from sessions, auto-syncs with chatgpt
Companion
2,200+ Web & mobile UI for Claude Code & Codex. Launch parallel sessions, stream responses, approve tools, ses
Related Agents
Community Strategist
Open source community and ecosystem growth expert. When to use: open source strategy, community building, cont
Buzz
PR & Community engineer — press pitches, social media, open source community, DevRel, and coordinated launch m
Community Architect
Use this agent when the user needs help with open source community infrastructure. This includes creating CONT