design-skills
Resend brand colors, typography, logos, and layout patterns
All Skills in This Repository (5)
Pure Emerald Level Indicators
resendresend-design-skills
Route design resource queries to Resend sub-skills using YAML frontmatter metadata.
resenddesign-audit
Audit the Resend dashboard for design-system conformance and generate a JSON report.
resendmarketing-pages
Create marketing pages using PublicPage structure and website primitives.
resendresend-design-system
Consolidate UI development with design tokens and component primitives.
resendresend-brand
Enforce Resend brand standards across marketing materials and visual content.
Frequently Asked Questions
FAQPage SchemaHow to install design-skills?▼
Run `npx skills add resend/design-skills --all -g -y` in your terminal to install all skills in this collection globally.
What are the official Resend brand colors?▼
Resend Black is #000000 and Resend White is #FDFDFD, with semantic status colors for error, warning, success, and info states. This skill gives your agent the exact tokens so designs stay on-brand.
How to design on-brand Resend social graphics?▼
Ask your agent for a layout pattern and it will apply Resend's official patterns like Right Object Scene, Interface Scene, or Big Number, with correct fonts, colors, and spacing.
Does design-skills work with Claude Code and Cursor?▼
Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, OpenClaw, and other compatible agents.
Can non-designers use Resend brand guidelines?▼
Yes. Just describe what you need in plain English and your agent applies the correct colors, typography rules, and logo usage automatically.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video