What problem does it solve? Building or reviewing user-facing flows often misses recurring interaction failures ā permanent skeletons on failed fetches, lost drafts, dead-end actions, and inconsistent list behavior. This Skill provides LobeHub's design values and per-module execution checklists so designers and engineers catch these gaps systematically. ## Core Features & Use Cases - Design values framework: Applies the four LobeHub values (Natural, Meaningful, Certainty, Growth) with conflict-priority guidance before any flow design. - Modular checklists: Five reference modules ā Read, Edit, Act, Feedback, Grow ā each with concrete rules, real codebase examples, and tagged checklist items. - Interaction principles: Rules for surface contracts, semantic consistency, layout roles, and composing canonical components like NavItem and Accordion instead of hand-rolled markup. - Use Case: When implementing a settings list with search and bulk actions, walk the Read and Act checklists to verify empty/error states, server-side filtering, one primary button, and full entity lifecycle coverage. ## Quick Start Use the ux skill to review this new settings page flow against the Read, Edit, and Act checklists before I ship it.
