Design Md
- 1.9k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
design-md manages DESIGN.md files for design direction and tokens from Google Labs upstream.
About
The design-md skill from Open Design advertises Google Labs upstream workflow for creating and managing DESIGN.md files that capture design direction, design tokens, and visual rules in one source of truth. Triggers include design.md, design doc, design tokens doc, and visual rules doc phrases during planning. The catalogue entry helps agents discover the skill; full upstream assets, scripts, and references require installing the google-labs-code skills bundle into the active agent skills directory. Category is design-systems with design-system mode metadata. Agents invoke by name design-md or trigger phrases after upstream install. Use when teams need a committed design language document before feature specs or when consolidating tokens and visual constraints for cross-screen consistency. Creates DESIGN.md for design direction, tokens, and visual rules. Curated from Google Labs upstream design-systems category.
- Creates DESIGN.md for design direction, tokens, and visual rules.
- Curated from Google Labs upstream design-systems category.
- Trigger phrases: design.md, design tokens doc, visual rules doc.
- Full workflow requires installing upstream google-labs-code bundle.
- Open Design catalogue entry for agent discovery during planning.
Design Md by the numbers
- 1,936 all-time installs (skills.sh)
- +147 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #137 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: MEDIUM risk (skills.sh audit)
- Data as of Jul 28, 2026 (Skillselion catalog sync)
design-md capabilities & compatibility
- Capabilities
- design.md authoring · token documentation · visual rules capture
- Use cases
- ui design · documentation
What design-md says it does
Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.
Curated from Google Labs (Stitch).
npx skills add https://github.com/nexu-io/open-design --skill design-mdAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.9k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 2 / 3 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
Where should design tokens and visual rules live as a single source of truth?
Create and manage DESIGN.md files capturing design direction, tokens, and visual rules as a single source of truth from Google Labs upstream.
Who is it for?
Teams formalizing design language before UI implementation.
Skip if: Production React component code without upstream bundle installed.
When should I use this skill?
User asks for DESIGN.md, design tokens doc, or visual rules documentation.
What you get
A DESIGN.md file capturing direction, tokens, and visual rules for the project.
- DESIGN.md file
- Design token and visual rule documentation
Files
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/skillsThen 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
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick design-md for agent-readable DESIGN.md specs; pick frontend implementation skills when tokens exist and you need component code generation only.
FAQ
Is the full workflow included in the catalogue entry?
No. Install the upstream google-labs-code skills bundle for scripts and references.
What does DESIGN.md capture?
Design direction, tokens, and visual rules in a single source of truth.
How do agents discover this skill?
Via Open Design catalogue triggers like design.md and design tokens doc.
Is Design Md safe to install?
skills.sh reports 2 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.