skill CX Codex

resend-design-skills — Claude Code skill: what it does and setup

Q: How do I install resend-design-skills in Claude Code?

Run `npx skills add resend/design-skills --skill resend-design-skills -a claude-code` in your terminal.

Q: What files are included in the repository structure?

It includes a root `SKILL.md` index file, a `resend-brand/` folder with specific guidelines, and `tests/TESTS.md`.

Routes coding agents to Resend visual identity rules and assets. Use it when styling marketing graphics, slide decks, or public-facing materials.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add resend/design-skills --skill resend-design-skills -a claude-code

Open on GitHub

What resend-design-skills does

This skill acts as a router for Resend design standards version 2.0.0. It points AI assistants to the resend-brand guidelines covering official color palettes and typography.

The package contains a root SKILL.md index file, a resend-brand/ directory, and a tests/TESTS.md test file. Individual skills can also store reference documents in a references/ subfolder.

Because the instructions focus strictly on Resend identity, they will not assist with third-party design systems.

What it helps with

Apply official Resend colors and typefaces
Format social media graphics according to brand rules
Prepare presentation slides with authorized logos
Verify marketing collateral against identity guidelines

Example prompts for the agent

Show me the official Resend brand palette and typography rules
Help format a slide deck following Resend visual guidelines

How to install resend-design-skills

1Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a claude-code

2Manually: put the files in place

~/.claude/skills/resend-design-skills/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/resend-design-skills/

1Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a codex

2Manually: put the files in place

.agents/skills/resend-design-skills/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a cursor

2Manually: put the files in place

.cursor/skills/resend-design-skills/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install resend/design-skills resend-design-skills

2Manually: put the files in place

.github/skills/resend-design-skills/SKILL.md

1Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a gemini-cli

2Platform CLI

gemini skills install https://github.com/resend/design-skills

Manually: put the files in place

.devin/skills/resend-design-skills/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about resend-design-skills

How do I install resend-design-skills in Claude Code?

Run npx skills add resend/design-skills --skill resend-design-skills -a claude-code in your terminal.

What does resend-design-skills do?

It points the agent to Resend branding assets, including typography rules, color palettes, and logo guidelines.

What files are included in the repository structure?

It includes a root SKILL.md index file, a resend-brand/ folder with specific guidelines, and tests/TESTS.md.

Similar skills

Everything for Design →

brand-identity arnabbagxd Translates brand strategy into an actionable visual identity brief for designers. Sets logo direction, hex colors, typography, and imagery rules. CX Codex +1 2,100installs resend resend Skill for Resend Email API: send transactional emails, receive inbound via webhooks, manage templates, domains and request logs. CX Codex +1 23,400installs resend-cli resend Teaches the agent to drive Resend through the resend CLI: send emails, manage domains, contacts, broadcasts and webhooks. Useful when that work happens in a script or CI. CX Codex +1 13,300installs brand-visual-language dembrandt A skill that ties border radius, type and icon style to your brand's personality. Useful when you start a design system or spot visual drift across components. CX Codex +1 907installs landing-page-design elayadesign A skill that walks the agent through a landing page: intake questions and page structure first, then fixed rules for type, spacing and backgrounds. CX Codex +1 1,800installs logo-design rampstackco This skill generates 6 to 12 logo variants across different architectures, then refines the chosen one to production. Useful when you need a logo, not a full identity. CX Codex +1 446installs