Keeps your design system documented in a single DESIGN.md file instead of scattered across Figma comments, Slack threads, and that one Google Doc nobody can find. Captures tokens, visual rules, and design direction so engineers and designers actually reference the same source. Curated from Google Labs (Stitch), so it fits into the Open Design workflow where Claude discovers it during planning. Honestly most useful if you're tired of "what's the spacing scale again?" questions or rebuilding component styles from memory. Trigger it by mentioning "design.md" or "design tokens doc" and it will scaffold or update the file.

skills.sh installs
3.3K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill design-md --agent claude-code

Installs into .claude/skills of the current project.

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

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.

Sponsors

Details

Repository
github.com/nexu-io/open-design
Category
Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1microsoft avataraccessibilitymicrosoft/vscodePrimary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help d3.2Kskills.sh installs
2nexu-io avatarplatform-designnexu-io/open-design300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web2.9Kskills.sh installs
3meodai avatarcolor-expertmeodai/skill.color-expertUse when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversio2.9Kskills.sh installs
4owl-listener avatarvisual-hierarchyowl-listener/designer-skillsEstablish clear visual hierarchy through size, weight, color, spacing, and positioning.2.8Kskills.sh installs
5owl-listener avatarcolor-systemowl-listener/designer-skillsBuild a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.2.7Kskills.sh installs
6owl-listener avatardark-mode-designowl-listener/designer-skillsDesign effective dark mode interfaces with proper color adaptation, contrast, and elevation.2.7Kskills.sh installs