Resend Design Skills
Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns.
Install
Quick install
npx skills add https://github.com/resend/design-skills/tree/HEAD/skills/resend-design-skills
Or pick agent:
npx skills add resend/design-skills --skill resend-design-skills --agent claude-codenpx skills add resend/design-skills --skill resend-design-skills --agent cursornpx skills add resend/design-skills --skill resend-design-skills --agent codexnpx skills add resend/design-skills --skill resend-design-skills --agent opencodenpx skills add resend/design-skills --skill resend-design-skills --agent github-copilotnpx skills add resend/design-skills --skill resend-design-skills --agent windsurfMore install options
Shorthand — useful for multi-skill repos:
npx skills add resend/design-skills --skill resend-design-skillsManual — clone the repo and drop the folder into your agent's skills directory:
git clone https://github.com/resend/design-skills.gitcp -r design-skills/skills/resend-design-skills ~/.claude/skills/
How to use: Once installed, ask your agent to "use the resend-design-skills skill" or describe what you want (e.g. "Use when needing Resend design resources. Routes to brand guidelines, visual ide"). Requires Node.js 18+.
resend-design-skills
Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns.
resend-design-skillsby resend
Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns.npx skills add https://github.com/resend/design-skills --skill resend-design-skillsDownload ZIPGitHub
More skills from resend
resend-inboundby resendresend-inbound — an installable skill for AI agents, published by resend/resend-skills.email-best-practicesby resendComprehensive guidance for building deliverable, compliant, and user-friendly email systems. Covers authentication setup (SPF/DKIM/DMARC), spam troubleshooting, and deliverability best practices to prevent emails from landing in spam Includes templates and patterns for transactional emails (password resets, OTPs, confirmations) and marketing emails with proper consent workflows Provides compliance frameworks for CAN-SPAM, GDPR, and CASL regulations, plus double opt-in and suppression list...email-best-practicesby resendUse when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…react-emailby resendBuild and send HTML emails using React components with client-safe styling and preview testing. Component-based email development with TypeScript support, featuring core layout components (Html, Body, Container, Section, Row, Column) and content elements (Heading, Text, Button, Image, CodeBlock) Tailwind CSS styling via the Tailwind component with pixel-based preset; table-based layouts required for email client compatibility Local dev server preview at localhost:3000 with live editing;...resend-cliby resendBefore running any resend commands, check whether the CLI is installed:agent-email-inboxby resendUse when building any system where email content triggers actions — AI agent inboxes, automated support handlers, email-to-task pipelines, or any workflow…email-best-practicesby resendUse when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…react-emailby resendUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering…---
Source: https://github.com/resend/design-skills/tree/HEAD/skills/resend-design-skills
Author: resend
Discovered via: mcpservers.org
SKILL.md source
--- name: resend-design-skills description: Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns. --- # resend-design-skills Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns. # resend-design-skillsby resend Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns. `npx skills add https://github.com/resend/design-skills --skill resend-design-skills`Download ZIPGitHub ## More skills from resend resend-inboundby resendresend-inbound — an installable skill for AI agents, published by resend/resend-skills.email-best-practicesby resendComprehensive guidance for building deliverable, compliant, and user-friendly email systems. Covers authentication setup (SPF/DKIM/DMARC), spam troubleshooting, and deliverability best practices to prevent emails from landing in spam Includes templates and patterns for transactional emails (password resets, OTPs, confirmations) and marketing emails with proper consent workflows Provides compliance frameworks for CAN-SPAM, GDPR, and CASL regulations, plus double opt-in and suppression list...email-best-practicesby resendUse when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…react-emailby resendBuild and send HTML emails using React components with client-safe styling and preview testing. Component-based email development with TypeScript support, featuring core layout components (Html, Body, Container, Section, Row, Column) and content elements (Heading, Text, Button, Image, CodeBlock) Tailwind CSS styling via the Tailwind component with pixel-based preset; table-based layouts required for email client compatibility Local dev server preview at localhost:3000 with live editing;...resend-cliby resendBefore running any resend commands, check whether the CLI is installed:agent-email-inboxby resendUse when building any system where email content triggers actions — AI agent inboxes, automated support handlers, email-to-task pipelines, or any workflow…email-best-practicesby resendUse when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…react-emailby resendUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering… --- **Source**: https://github.com/resend/design-skills/tree/HEAD/skills/resend-design-skills **Author**: resend **Discovered via**: mcpservers.org