How do I install resend-design-skills?

Run `npx skills add https://github.com/resend/design-skills --skill resend-design-skills` in your terminal. You need to have run `npx skills init` once in your project first.

Which agent frameworks does resend-design-skills support?

resend-design-skills works with any agent framework supported by the Skills registry, including Claude Code, Cursor, GitHub Copilot, Cline, Codex, and Gemini CLI.

Is resend-design-skills free to use?

Yes. resend-design-skills is free to install and use. It is available from the open explainx.ai skill registry published by resend.

Where can I read ratings and reviews for resend-design-skills?

Community ratings and review text appear on this explainx.ai skill page below the description. Reviews use a 1–5 scale and may include short written feedback from signed-in members.

Frontend

resend-design-skills▌

resend/design-skills · updated Apr 8, 2026

$npx skills add https://github.com/resend/design-skills --skill resend-design-skills

0 commentsdiscussion

summary

A collection of design-related skills for Claude Code.

skill.md

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 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

Discussion

Product Hunt–style comments (not star reviews)

No comments yet — start the thread.

general reviews

Ratings

4.8★★★★★60 reviews

★★★★★Naina Dixit· Dec 24, 2024
Useful defaults in resend-design-skills — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
★★★★★Ganesh Mohane· Dec 20, 2024
resend-design-skills reduced setup friction for our internal harness; good balance of opinion and flexibility.
★★★★★William Anderson· Dec 12, 2024
I recommend resend-design-skills for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
★★★★★Carlos Gupta· Nov 15, 2024
Registry listing for resend-design-skills matched our evaluation — installs cleanly and behaves as described in the markdown.
★★★★★Rahul Santra· Nov 11, 2024
I recommend resend-design-skills for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
★★★★★Anaya Sanchez· Nov 7, 2024
Solid pick for teams standardizing on skills: resend-design-skills is focused, and the summary matches what you get after install.
★★★★★Hassan Mehta· Nov 3, 2024
resend-design-skills reduced setup friction for our internal harness; good balance of opinion and flexibility.
★★★★★Daniel Desai· Oct 26, 2024
resend-design-skills has been reliable in day-to-day use. Documentation quality is above average for community skills.
★★★★★Anaya Choi· Oct 22, 2024
Registry listing for resend-design-skills matched our evaluation — installs cleanly and behaves as described in the markdown.
★★★★★Naina Martin· Oct 6, 2024
resend-design-skills reduced setup friction for our internal harness; good balance of opinion and flexibility.

showing 1-10 of 60

1 / 6