core-components
✓Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Installation
SKILL.md
Use components from your core library instead of raw platform components. This ensures consistent styling and behavior.
| $1 | 4px | | $2 | 8px | | $3 | 12px | | $4 | 16px | | $6 | 24px | | $8 | 32px |
| $textPrimary | Main text | | $textSecondary | Supporting text | | $textTertiary | Disabled/hint text | | $primary500 | Brand/accent color | | $statusError | Error states | | $statusSuccess | Success states |
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library. Source: chriswiles/claude-code-showcase.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/chriswiles/claude-code-showcase --skill core-components- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is core-components?
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library. Source: chriswiles/claude-code-showcase.
How do I install core-components?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/chriswiles/claude-code-showcase --skill core-components Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/chriswiles/claude-code-showcase
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01