design-system
OfficialApply 50+ AI-powered styles, avoid generic 'AI slop'.
Design & Creative#branding#design system#ui/ux#styling#design tokens#component generation#aesthetics
AuthorLobbi-Docs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you apply cohesive, distinctive visual styles to your UI components and interfaces, preventing generic "AI slop" and ensuring brand consistency with 50+ professionally curated aesthetics.
Core Features & Use Cases
- Style Application: Instantly apply any of 50+ curated styles (e.g., brutalist, cyberpunk, art-deco) to components.
- Style Blending: Combine multiple styles with weighted ratios for unique aesthetics (e.g., "blend japandi with scandinavian 80/20").
- Component Generation: Generate new UI components pre-styled with the active design system tokens.
- Use Case: You need to quickly prototype a new dashboard with a "cyberpunk" aesthetic. Use this skill to generate all necessary components (buttons, cards, navigation) already styled with neon colors, angular shapes, and tech-grunge textures, ensuring a consistent look from the start.
Quick Start
Apply the brutalist style to the dashboard components.
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-system Download link: https://github.com/Lobbi-Docs/claude/archive/main.zip#design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.