design-md
nexu-io/open-design
Create and manage DESIGN.md files as a single source of truth for design direction, tokens, and visual rules.
What is design-md?
This skill enables you to create and maintain DESIGN.md files that document design direction, design tokens, and visual rules in one centralized location. Use it when you need to establish or update design system documentation for your project.
- Create structured DESIGN.md files for design documentation
- Capture and organize design tokens in a standardized format
- Document visual rules and design direction
- Maintain a single source of truth for design system information
- Integrate design documentation into your project workflow
How to install design-md
npx skills add https://github.com/nexu-io/open-design --skill design-mdHow to use design-md
- 1.Install the skill using: npx skills add https://github.com/nexu-io/open-design --skill design-md
- 2.Ask your agent to invoke the skill by name (design-md) or use trigger phrases like 'design doc' or 'design tokens doc'
- 3.Provide design direction, tokens, and visual rules you want documented
- 4.Review and refine the generated DESIGN.md file as needed
Use cases
- Setting up design system documentation for a new project
- Documenting design tokens and their usage across components
- Capturing visual design rules and brand guidelines in markdown
- Updating design direction as your project evolves
- Sharing design system information with development teams
- Design system managers
- Product designers
- Frontend developers implementing design systems
- Design leads establishing design documentation
- Teams building consistent visual experiences
design-md FAQ
Include design direction, design tokens (colors, typography, spacing, etc.), visual rules, component guidelines, and any other design system information that serves as a single source of truth for your project.
Yes, you can ask the agent to modify or extend an existing DESIGN.md file using the skill's triggers or by directly referencing the file.
The skill creates markdown-formatted DESIGN.md files that can include structured sections for tokens, visual rules, and design direction in a readable, version-controllable format.
This skill is curated from Google Labs (Stitch) and follows design system documentation best practices.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: design-md description: | Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth. triggers:
- "design.md"
- "design doc"
- "design tokens doc"
- "visual rules doc" od: mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills"
design-md
Curated from Google Labs (Stitch).
What it does
Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.
Source
- Upstream: https://github.com/google-labs-code/skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (design-md) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
design-review
Visual audit and fix UI issues with atomic commits and before/after screenshots.
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns that infer design direction and avoid templated output.
design-taste-frontend-v1
High-agency v1 frontend taste skill with strict design guardrails, typography discipline, and anti-AI-slop enforcement.
digits-fintech-swiss-template
Swiss-grid fintech deck template with bold data cards, neon-lime accents, and keyboard navigation.
doc
Read, create, and edit .docx documents with formatting and layout fidelity.
doc-kami-parchment
Warm parchment canvas with monochrome ink-blue accents and editorial-grade serif typography for serious documents.