resend-design-skills

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

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "resend-design-skills" with this command: npx skills add resend/design-skills/resend-design-skills-resend-design-skills

Design Skills

A collection of design-related skills for Claude Code.

Available Skills

SkillDescriptionPath
resend-brandApplies Resend's brand colors, typography, and visual identity to marketing materials and artifactsbrand-guidelines/SKILL.md
resend-design-systemUI component APIs, design tokens, and composition patterns for building product UI in the Resend codebasedesign-system/SKILL.md
marketing-pagesPage structure, component reuse rules, and public primitives for creating/editing marketing pages in src/app/(website)/marketing-pages/SKILL.md
design-auditAudits the Resend dashboard for design system alignment — missing docs, component substitution, token misuse, deprecated usage, and pattern candidatesdesign-audit/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
  • marketing-pages — Creating, updating, or deleting marketing pages in src/app/(website)/, including page structure, public primitives, and SEO metadata
  • design-audit — "Audit design", "design alignment", "dashboard design audit", or the scheduled Monday routine

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
│       └── 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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Resend Email Sender

Send emails using Resend API. Use when the user needs to send emails without configuring SMTP servers. Supports text and HTML emails, multiple recipients, CC...

Registry SourceRecently Updated
4750Profile unavailable
General

resend

No summary provided by upstream source.

Repository SourceNeeds Review
6.7K-resend
General

email-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
5.1K-resend
General

react-email

No summary provided by upstream source.

Repository SourceNeeds Review
4.7K-resend