What problem does it solve?
It removes the guesswork from UI and UX decisions by turning a product idea into a clear, actionable design system with accessibility, visual style, and implementation guidance.
Core Features & Use Cases
- Design system generation: Produces a complete UI direction covering pattern, style, colors, typography, effects, and anti-patterns.
- Multi-domain recommendations: Searches product type, style, color, landing, and typography guidance together to tailor outputs for the project.
- UX review and improvement: Helps identify accessibility issues, interaction problems, and layout risks before implementation.
- Stack-aware guidance: Provides practical recommendations for common front-end stacks and component workflows.
- Use case: A team can use this skill to plan a SaaS dashboard, choose a matching palette and font pairing, and get a checklist that improves usability and consistency.
Quick Start
Ask for a design system recommendation for your product, industry, style keywords, and stack so the skill can return a complete UI plan with colors, typography, effects, and implementation guidance.