Skip to content
Skillpedia
Documentation101k · #679

design-md

Lets your agent create and manage design documentation files. It helps keep visual rules and design tokens organized.

What it does

This agent helps create and manage a file called DESIGN.md. It acts as a central place to store important project design information, like visual direction, rules, and specific elements.

When to use it

  • ✓When starting a new project to define visual foundations.
  • ✓When you need to document existing design rules.
  • ✓To keep a clear record of visual elements and design tokens.

Example of what to ask your AI

“Create a DESIGN.md file for my new music app.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/nexu-io/open-design/blob/main/skills/design-md/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/nexu-io/open-design/blob/main/skills/design-md/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The agent creates and manages a file named DESIGN.md. It serves as a single source of truth for capturing design direction, tokens, and visual rules.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add nexu-io/open-design --skill design-md

Or download just the file:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/design-md/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

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.

FAQ

What is a DESIGN.md file?

It's a file where you document the visual guidelines, rules, and design elements of a project.

What are 'design tokens' used for?

Design tokens are the basic building blocks of your visual system, such as colors, fonts, and spacing.

How do I use this agent?

You can ask the agent to create or manage the DESIGN.md file, or use trigger phrases.

Details

Original description by the author

Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.

repo: nexu-io/open-design

Popularity

GitHub stars
101k
Ranking position
#679
License
Apache-2.0
Updated
10/16/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills