resend-design-system
CommunityBuild UIs with Resend's design language.
AuthorSim-hub22
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a standardized set of UI components and design tokens, ensuring consistency and accelerating the development of user interfaces within the Resend codebase.
Core Features & Use Cases
- Component Library: Access to pre-built, reusable UI elements like Buttons, TextFields, and Dialogs.
- Design Tokens: Utilizes a defined scale for colors, typography, and spacing for consistent theming.
- Use Case: When building a new feature, use the
Buttonprimitive withappearance="white"for primary actions andTextFieldfor user input, ensuring adherence to Resend's visual identity.
Quick Start
Use the resend-design-system skill to import and use the Button component with appearance set to 'white' and size set to '2'.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: resend-design-system Download link: https://github.com/Sim-hub22/internquest/archive/main.zip#resend-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.