How do I install Resend Skills?

Install Resend Skills manually from resend/resend-skills, or use MCP Market Hub to sync and share them with your team.

Where can I download Resend Skills from source?

Download Resend Skills from resend/resend-skills.

How do I install these skills?

Download and sync to your agents with MCP Market hub: https://mcpmarket.com/hub. Or install manually from the GitHub repo: https://github.com/resend/design-skills

What AI agents can use Resend Skills?

Any agent that supports Skill.md can use these skills; see the Agent Skills specification: https://agentskills.io/specification. Compatible agents include Claude, Claude Code, Codex, and OpenCode.

Which workflows do these skills cover?

It uses Domaine Display Narrow for headlines, Favorit for headings, Inter for body text, and CommitMono for code blocks.

Where can I find Resend logo assets?

The skills provide direct CDN links to white and black wordmarks in SVG and PNG formats.

Can I use dashboard UI components on marketing pages?

No, marketing pages must use specific primitives from the website directory to maintain brand separation.

Official

Resend Agent Skills

Q: Which agents support Resend Skills?

Resend Skills work with agents that support the Agent Skills format, including Claude, Claude Code, Codex, and OpenCode.

Build brand-consistent interfaces and audit components with Resend Agent Skills for AI coding agents.

Install Resend Skills Browse 9 skills

Official Agent Skills published by Resend

What Resend skills help with

These AI coding agent skills enable precise implementation of design tokens and typography. Ship high-conversion marketing pages while ensuring UI compliance and documentation coverage automatically.

Apply brand standards

Implement precise hex codes and typography rules across React components.

Audit UI compliance

Scan source files to detect undocumented components and design violations.

Build marketing pages

Generate SEO-optimized pages using public-facing UI primitives and metadata.

Top Resend skills

Official Agent Skills published by Resend.

View all

AI Agent Email Inbox

Integrates a secure, webhook-based email inbox into AI agents to trigger automated workflows and handle inbound communication.

Official

145

Email Best Practices

Optimizes email deliverability, compliance, and architectural patterns for developers building communication features.

Official

145

React Email

Builds and sends responsive HTML email templates using React components and Tailwind CSS with cross-client compatibility.

Official

145

Install Resend SkillsforClaude|

Add Resend Skills to agents that support the Agent Skills format, including Claude, Claude Code, Codex, and OpenCode. Install manually from source, or use MCP Market Hub to sync and share them with your team.

Recommended

Install with MCP Market Hub

Add official skills once, keep them current across your agents, and share the same skill set with your team.

Install

Sync

Install with MCP Market Hub

Source repo

Download from source repo

Prefer manual control? Download the skills from source, then follow the install guide for your agent.

resend/resend-skills

Resend Agent Skill workflows

Real workflows powered by Resend skills.

Refactor legacy CSS
Convert custom styles into standardized design system tokens and UI primitives.
Audit dashboard components
Generate compliance reports and file Linear tickets for undocumented UI patterns.
Launch feature pages
Create brand-consistent marketing pages with integrated JSON-LD and SEO metadata.