# Resend Design Skills

> Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, and design tokens.

- Skill: `ulpi-io/resend-design-skills` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add ulpi-io/resend-design-skills`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ulpi-io/resend-design-skills/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: ulpi-io (https://skillmd.com/u/ulpi-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ulpi-io/resend-design-skills

---


# 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](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](design-system/SKILL.md) |

## When to use which skill

- **`resend-brand`** — Marketing pages, social graphics, presentations, documents, and any external-facing visual content
- **`resend-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 `name` and `description`
- 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
```