What problem does it solve? Designing logged-in product interfaces (dashboards, auth flows, settings, data tables) often produces generic, marketing-flavored screens with silent blank states and undifferentiated layouts. This Skill builds dense, glanceable app surfaces in the product register with every interaction state explicitly covered. ## Core Features & Use Cases - Page and pattern libraries: Provides starting structures for dashboards, login/register, onboarding, profile, settings, and error pages, plus patterns for data tables, command palettes, modals, toasts, and empty states. - Hard rules for data surfaces: Enforces skeleton loading over spinners, right-aligned numeric columns, sticky table headers, bar/line charts over pie, and explicit empty/loading/error states on every data view. - Corpus-grounded craft: Draws UI procedures from two local application references (reve and linear token systems) and declares three reproduced elements in a Je reproduis line that design-review parses for verdicts. - Use Case: When asked to build a SaaS settings page, the Skill applies the responsive sidebar shell, auto-save patterns, the Domain-Specificity Floor test, and corpus procedures like borderless fields on neutral wells, then outputs production HTML/CSS ready for design-motion. ## Quick Start Use the design-webapp skill to build a dashboard page with KPI cards, a sortable data table, and full empty, loading, and error states.
