Skill UI

Comprehensive design intelligence for web and mobile apps, offering searchable styles, color palettes, typography, UX guidelines, and chart recommendations across multiple stacks.

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

This skill assists in designing user flows and navigation structures based on proven UX patterns. It covers information architecture, navigation patterns like hub and spoke, and screen flow rules. It outputs ASCII flow diagrams, screen inventories, and edge cases. Suitable for planning mobile app and web interface structures before implementing specific pages or copy.

Audit decision friction and propose clear, accessible UX flows when layout, defaults, or sequencing obstruct informed action. Apply behavioral psychology and persuasive design to guide users toward intended behavior without coercion.

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

This masterclass framework provides a structured, end-to-end guide for scoping and planning new web projects, applications, or page designs. It systematically covers core concept definition, user experience (UX) mapping, visual design system establishment, selecting the technical architecture, and optimizing for SEO and performance. Ideal for the initial stages of development.

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.

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