open-design

Installation
SKILL.md

Open Design is a bundled catalog of design skills and design templates (reusable task recipes and rendering styles — both usable interchangeably as a skillId) plus design systems (brand-inspired visual token sets), exposed through the open-design MCP server's tools.

Every skill/template id is namespaced as od:<mode>:<name> (e.g. od:deck:guizang-ppt), where mode is one of: prototype, deck, design-system, image, video, template, utility, audio. Always pass the full namespaced id as skillId. Note: mode design-system means "a skill that helps author a design-system deliverable" — it has nothing to do with designSystemId, which selects from the separate library of ~150 prebuilt brand design systems (see step 2).

A small, curated subset of skills/templates also has its own explicit /open-design:<id> skill — if the user's request closely matches one of those, prefer invoking it directly; it pins the exact skillId and often a ready-made example brief, removing any guesswork. Otherwise, follow the flow below yourself.

All Open Design content (skill/template text, design system tokens, example briefs) is delivered to you as plain text through the MCP tool calls below — never as a file path. You never need to, and should not, browse or search for Open Design's own files anywhere on disk; list_open_design_skills and prepare_open_design_brief already return everything you need as plain text.

How to talk to the user. Many people using Open Design don't write code, so:

  • Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
  • Keep the machinery out of replies: no tool names, no ids like od:prototype:poster-hero, no internal files (.artifact.json, .comments.json, config.json), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
  • Explain a print term the first time it comes up, in one short clause, and not again.
  • Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
  • End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
Installs
48
GitHub Stars
899
First Seen
Sep 26, 2026