// Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns.
| name | resend-design-skills |
| description | Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns. |
| metadata | {"author":"resend","version":"1.0.0"} |
A collection of design-related skills for Claude Code.
| 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 |
marketing-pages | Page structure, component reuse rules, and public primitives for creating/editing marketing pages in src/app/(website)/ | marketing-pages/SKILL.md |
design-audit | Audits the Resend dashboard for design system alignment — missing docs, component substitution, token misuse, deprecated usage, and pattern candidates | design-audit/SKILL.md |
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 codebasemarketing-pages — Creating, updating, or deleting marketing pages in src/app/(website)/, including page structure, public primitives, and SEO metadatadesign-audit — "Audit design", "design alignment", "dashboard design audit", or the scheduled Monday routineEach skill lives in its own folder with a SKILL.md file that defines:
name and descriptiondesign-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
│ └── patterns/
│ └── README.md # Documented UI composition patterns
├── design-audit/
│ ├── SKILL.md # Design audit skill
│ └── references/
│ ├── rubric.md
│ ├── report-format.md
│ └── linear-delivery.md
├── marketing-pages/
│ ├── SKILL.md # Marketing pages skill
│ └── references/
│ └── components.md
└── tests/
└── TESTS.md # Combined test suite
Audit the Resend dashboard for design system alignment. Routes here when a user says "audit design", "design alignment", "dashboard design audit", or when triggered by the scheduled weekly routine.
Use when building or modifying UI in the Resend codebase. Provides component APIs, variant options, design tokens, and composition patterns for all src/ui/ primitives.
Use when creating, updating, editing, or deleting marketing/public pages in the Resend codebase. Covers page structure, component reuse rules, and the distinction between public and product design systems.
Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand, Resend style, or Resend visual identity requests.