Design Skills
A collection of design-related skills for Claude Code.
Available Skills
| Skill | Description | Path |
|---|---|---|
resend-brand | Applies Resend's brand colors, typography, and visual identity to marketing materials and artifacts | brand-guidelines/SKILL.md |
resend-design-system | UI component APIs, design tokens, and composition patterns for building product UI in the Resend codebase | design-system/SKILL.md |
When to use which skill
resend-brand— Marketing pages, social graphics, presentations, documents, and any external-facing visual contentresend-design-system— Product UI,src/ui/components, design tokens, and code patterns inside the Resend codebase
Structure
Each skill lives in its own folder with a SKILL.md file that defines:
- Frontmatter with
nameanddescription - Guidelines, rules, and reference material
design-skills/
├── SKILL.md # This index file
├── brand-guidelines/
│ └── SKILL.md # Resend brand skill
├── design-system/
│ ├── SKILL.md # Resend design system skill
│ └── references/
│ ├── components.md
│ ├── design-tokens.md
│ └── patterns.md
└── tests/
└── TESTS.md # Combined test suite