What problem does it solve?
This skill provides intelligent UI/UX design guidance and complete design-system generation to accelerate professional interfaces across web, mobile, and desktop platforms.
Core Features & Use Cases
- Multi-domain design system generation across product, style, color, landing, and typography to deliver cohesive experiences.
- Reasoning-driven recommendations that align pattern, palette, typography mood, and accessibility considerations with your project goals.
- Outputs include a ready-to-use design system: pattern, style, colors, typography, effects, anti-patterns, plus optional page overrides and persistence for hierarchical retrieval.
- Implementation guidance for tokens, components, spacing, and interaction details across React, Vue, Next.js, Svelte, or plain HTML/CSS.
Quick Start
Provide a project brief (target platform, goals, audience) and request a complete design system using the design-system generator to obtain a ready-to-use, production-ready design language.