skills/design-system
CommunityEstablish a systematic, brand-compliant design toolkit.
Personal & Entrepreneur#design tokens#slide generation#brand compliance#systematic design#component specs
AuthorMaxKlat29
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation and management of consistent design tokens, component specifications, and presentation frameworks across projects.
Core Features & Use Cases
- Token Architecture: Guides systematic organization of primitive, semantic, and component tokens.
- Component Specifications: Defines standardized styles for UI components with states and variants.
- Slide Generation: Creates brand-aligned, reusable slide templates for professional presentations.
- Use Case: Streamline development of consistent UI themes and dynamic presentations for branding and marketing.
Quick Start
Use the design-system skill to generate CSS variables, validate design tokens, and create sample slides with minimal configuration.
Dependency Matrix
Required Modules
scriptsreferencesassets
Components
scriptsreferencesassets
💻 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: skills/design-system Download link: https://github.com/MaxKlat29/claude-setup/archive/main.zip#skills-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.