Resend设计技能：品牌指南与设计系统，提升UI/UX开发效率

resend-design-skills by resend/design-skills

309 周安装量

18 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/resend/design-skills --skill resend-design-skills

UI组件库设计用户体验

🇨🇳中文介绍

设计技能

Claude Code 的设计相关技能集合。

可用技能

技能	描述	路径
`resend-brand`	将 Resend 的品牌颜色、排版和视觉识别应用于营销材料和制品	brand-guidelines/SKILL.md
`resend-design-system`	用于在 Resend 代码库中构建产品 UI 的 UI 组件 API、设计令牌和组合模式	design-system/SKILL.md

何时使用哪个技能

resend-brand — 营销页面、社交媒体图形、演示文稿、文档以及任何面向外部的视觉内容
— 产品 UI、组件、设计令牌以及 Resend 代码库内部的代码模式

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

🇺🇸English

Design Skills

A collection of design-related skills for Claude Code.

Available Skills

Skill	Description	Path
`resend-brand`	Applies Resend's brand colors, typography, and visual identity to marketing materials and artifacts	brand-guidelines/SKILL.md
`resend-design-system`	UI component APIs, design tokens, and composition patterns for building product UI in the Resend codebase	design-system/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

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 └── tests/ └── TESTS.md # Combined test suite

Weekly Installs

309

Repository

resend/design-skills

GitHub Stars

First Seen

Jan 30, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

codex249

opencode248

gemini-cli243

github-copilot241

cursor224

amp222