project-design-system
OfficialBuild a consistent project design system.
Design & Creative#design system#component library#design tokens#frontend development#ui components#ux strategy
Authortelum-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of maintaining visual and functional consistency across a project by establishing a comprehensive design system.
Core Features & Use Cases
- Design Token Definition: Creates systematic tokens for colors, typography, spacing, and effects.
- Component Architecture: Defines core UI components and their variations.
- Pattern Library: Documents interaction and layout patterns for consistent user experiences.
- Brownfield/Greenfield Modes: Adapts to existing codebases or creates new systems from scratch.
- Use Case: A new web application needs a unified look and feel. This Skill will help define its color palette, typography, button styles, and form elements, ensuring all future development adheres to these standards.
Quick Start
Use the project-design-system skill to create a new design system for the 'speck' project.
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: project-design-system Download link: https://github.com/telum-ai/speck/archive/main.zip#project-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 471,000+ vetted skills library on demand.