What problem does it solve?
Design teams struggle to assemble cohesive UI systems across products, platforms, and stacks. This Skill provides a centralized design-system guide with reusable patterns, accessibility guidance, and implementation-ready recommendations to speed up design and development.
Core Features & Use Cases
- Unified Design System Generator: Aggregates multi-domain searches (product/style/color/typography/landing) and surfaces pattern, color, typography, and component recommendations.
- Multi-Stack Compatibility: Supports 9 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) for ready-to-implement guidance.
- Master/Overrides Persistence: Persists outputs into a design-system folder with MASTER.md and per-page overrides for page-level customization.
- Accessibility & UX Guidance: Embeds best practices for accessibility, interaction, performance, and visual consistency.
Quick Start
Provide a project brief and run the design-system workflow to generate a complete UI/UX design system.