core-components
CommunityBuild consistent UIs with design tokens.
AuthorAndyAnh174
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a standardized library of UI components and design tokens, ensuring visual consistency and efficient development across the application.
Core Features & Use Cases
- Reusable Components: Utilizes pre-built components like
Box,Text,Button,Input, andCard. - Design Token System: Enforces consistent spacing, colors, and typography by using predefined tokens.
- Use Case: When developing a new feature, use the
HStackandTextcomponents with appropriate color and spacing tokens to create a consistent header for a user profile screen.
Quick Start
Use the core-components skill to render a Box with padding set to the $4 token and a background color of $backgroundPrimary.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: core-components Download link: https://github.com/AndyAnh174/BanThuoc-SEO/archive/main.zip#core-components 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.