design-systems-expert
CommunityBuild scalable, consistent design foundations.
Authormartinholovsky
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation and maintenance of design systems, ensuring visual consistency and efficient development across projects by establishing clear token architectures and component APIs.
Core Features & Use Cases
- Token Architecture: Design scalable token hierarchies (core and semantic) for colors, spacing, typography, etc.
- Component API Design: Define consistent, composable component interfaces.
- Theming: Implement multi-theme support (e.g., light/dark modes).
- Use Case: You need to establish a robust design system for a new web application. This Skill will guide you in defining your design tokens, structuring your CSS, and creating reusable component patterns that can be easily themed and scaled.
Quick Start
Define the core and semantic tokens for a new design system based on the provided principles.
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: design-systems-expert Download link: https://github.com/martinholovsky/claude-skills-generator/archive/main.zip#design-systems-expert 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.