How do I install the Brand Design Md skill?

Run npx skillmds@latest add podo/brand-design-md in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Brand Design Md safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: CAUTION, Skill Scanner: PASS. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Brand Design Md?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Brand Design Md free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Brand Design Md?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Brand Design Md by podo — Agent Skill

Name: Brand Design Md
Rating: 4.5 (4 reviews)
Author: podo

File contents

brand-design-md

Catalogue stub — full skill: zephyrwang6/brand-design-md

Decision tree

Is the full skill already installed? Check whether the skill at this location still has a das: block:
- Global: grep -q "^das:" ~/.agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- Project: grep -q "^das:" .agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
- No das: block → full skill installed, invoke it and proceed
- das: block present → go to step 2

Detect scope, then install:

To detect scope:

[ -e ~/.agents/skills/brand-design-md ] && echo "global" || echo "project"

Global (installed with -g):

npx skills add zephyrwang6/brand-design-md --skill brand-design-md -g -y

Project (installed without -g):

npx skills add zephyrwang6/brand-design-md --skill brand-design-md -y

Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

Skill name: brand-design-md
Trigger phrases: "brand tokens", "brand design", "match Stripe design", "62 brands", "brand-design-md"

What it does

At runtime, fetches the precise design tokens — primary and accent colors, type weights, letter-spacing, border-radius, and shadow values — for any of 62 documented world-class brands including Stripe, Linear, Apple, Figma, Notion, Vercel, Airbnb, and Nike. Once fetched, applies those tokens to the current project's CSS variables or Tailwind config so the output accurately reflects the chosen brand's visual language. Useful for building demos, pitch materials, or brand-matched prototypes quickly without manual research.

When NOT to use

When you need to develop a custom brand identity from scratch (this skill matches existing brands, not creates new ones)
When none of the 62 brands match your target (use design-consultation to build a bespoke system)
When brand token accuracy is legally or contractually sensitive (always verify tokens against official brand guidelines)

--- name: brand-design-md description: | Fetches exact design tokens (colors, type weights, letter-spacing) for 62 world-class brands including Stripe, Linear, Apple, Figma, Notion, and Nike at runtime, then applies them to your project. triggers: - "brand tokens" - "brand design" - "match Stripe design" - "62 brands" - "brand-design-md" das: type: skill category: design-systems upstream: "https://github.com/zephyrwang6/brand-design-md" upstream_path: "SKILL.md" version: latest install: true --- # brand-design-md > Catalogue stub — full skill: [zephyrwang6/brand-design-md](https://github.com/zephyrwang6/brand-design-md) ## Decision tree 1. **Is the full skill already installed?** Check whether the skill at this location still has a `das:` block: - Global: `grep -q "^das:" ~/.agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"` - Project: `grep -q "^das:" .agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"` - No `das:` block → full skill installed, invoke it and proceed - `das:` block present → go to step 2 2. **Detect scope, then install:** To detect scope: ```bash [ -e ~/.agents/skills/brand-design-md ] && echo "global" || echo "project" ``` **Global** (installed with `-g`): ```bash npx skills add zephyrwang6/brand-design-md --skill brand-design-md -g -y ``` **Project** (installed without `-g`): ```bash npx skills add zephyrwang6/brand-design-md --skill brand-design-md -y ``` > **Claude Code:** send either command as a chat message starting with `!` to run it without leaving the conversation. ## Invoke after install - Skill name: `brand-design-md` - Trigger phrases: "brand tokens", "brand design", "match Stripe design", "62 brands", "brand-design-md" ## What it does At runtime, fetches the precise design tokens — primary and accent colors, type weights, letter-spacing, border-radius, and shadow values — for any of 62 documented world-class brands including Stripe, Linear, Apple, Figma, Notion, Vercel, Airbnb, and Nike. Once fetched, applies those tokens to the current project's CSS variables or Tailwind config so the output accurately reflects the chosen brand's visual language. Useful for building demos, pitch materials, or brand-matched prototypes quickly without manual research. ## When NOT to use - When you need to develop a custom brand identity from scratch (this skill matches existing brands, not creates new ones) - When none of the 62 brands match your target (use `design-consultation` to build a bespoke system) - When brand token accuracy is legally or contractually sensitive (always verify tokens against official brand guidelines)

Frequently asked questions

Brand Design Md