Skill UI

Research how real apps and websites handle a screen, flow or visual style before designing. Uses UXKIN MCP tools to search iOS screens, user journeys and website design systems, compare several examples end to end, and report the shared pattern, the differences and a recommendation.

This skill enhances frontend design quality by avoiding generic AI defaults. It guides the model to infer user intent, audience, and vibe before coding. Users configure three dials (Variance, Motion, Density) to control aesthetics. It maps briefs to official design systems like Fluent UI or Material. Ideal for landing pages, portfolios, and redesigns requiring specific visual identity.

Guides production frontend design and UI/UX review using Better Design MCP, covering components, design systems, accessibility, responsive layouts, motion, and cross-platform interfaces.

A repeatable method for writing plain-language design-reading books and articles about why systems are built as they are, using a two-layer skeleton: an everyday analogy first, then formal mechanisms, boundaries, and costs.