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 helps you 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 design direction and strategic decisions
- Document design tokens and their usage
- Define visual rules and design system guidelines
- Maintain a single source of truth for design information
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.md', 'design doc', 'design tokens doc', or 'visual rules doc'
- 3.Consult the upstream repository at https://github.com/google-labs-code/skills for full workflow details, assets, and references
Use cases
- Setting up design system documentation for a new project
- Documenting design tokens and their values across a codebase
- Creating visual rules and component guidelines
- Capturing design direction decisions for team reference
- Updating and maintaining existing design documentation
- Design system maintainers
- Product designers
- Frontend developers implementing design systems
- Design leads establishing design standards
design-md FAQ
A DESIGN.md file is a markdown document that serves as a single source of truth for design documentation, including design direction, design tokens, visual rules, and component guidelines.
This skill is curated from Google Labs (Stitch) and maintained in the upstream repository at https://github.com/google-labs-code/skills.
You can invoke it by name ('design-md') or use any of these trigger phrases: 'design.md', 'design doc', 'design tokens doc', or 'visual rules doc'.
Include design direction, design tokens with their values, visual rules, component guidelines, and any other design system information that serves as a reference for your team.
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 Open Design 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
|
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 (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
docx
Create, edit, and analyze Word documents with tracked changes, comments, and formatting.