Resend Design Skills

This is a routing skill that connects Claude to four specialized Resend design resources: brand guidelines for marketing materials, the design system for product UI work, marketing page patterns for the website directory, and a design audit tool that checks dashboard components for token misuse and deprecated patterns. It's built for teams working directly in the Resend codebase who need consistent access to visual identity rules, component APIs, and composition patterns. The structure is clean, each sub-skill lives in its own folder with references, and there's a Monday audit routine baked in. If you're touching anything visual at Resend, this keeps you from guessing which colors or components to use.

skills.sh installs: 1.2K
GitHub stars: 42
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add resend/design-skills --skill resend-design-skills --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Skills

A collection of design-related skills for Claude Code.

Available Skills

Skill	Use for	Path
`resend-brand`	Brand colors, typography, logos, and visual identity — marketing materials, social graphics, presentations, and any external-facing content	`resend-brand/SKILL.md`

Structure

Each skill is a folder with a SKILL.md (frontmatter + guidelines) and optional references/.

design-skills/
├── SKILL.md              # This index file
├── resend-brand/
│   └── SKILL.md          # Resend brand skill
└── tests/
    └── TESTS.md          # Combined test suite

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly