sugarforever

Open Design Skill — Design skill for Claude Code

Design community

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 ~/.