design-webapp

Topics in the source

• Design Webapp — Dashboards, Density, States
• When
• Input
• Steps
• Declared Elements — the Je reproduis line
• Output Gate — the Lookalike Test does not apply here
• Failure Handling
• Output

Builds logged-in web apps under register product — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Optimizes for density and glance-speed over marketing polish: no hero, no scroll-reveal, no CTA-tricks. Requires every data surface to explicitly cover empty, loading, and error states (never a silent blank default), and applies preattentive-processing rules to tables and dataviz (right-aligned numbers, sticky headers, bar/line over pie, consistent category-to-color mapping). Reuses design-web's general component guides (buttons, cards, grids, icons) rather than duplicating them — this skill only adds what's specific to apps. Sources craft from the local corpus's two application interfaces (reve, linear) — no sector browsing — and declares the three reproduced elements (Je reproduis) that design-review verdicts. After design-system tokens exist and design-method's Gate 0 has locked register product (dense, predictable, motion stays discreet). Read design-method's routing table first — if the surface is a marketing/landing page instead, use design-web. design-system.md — OKLCH palette, typography, spacing density, the 3 dials. design-method/

This is an excerpt. Refer to the complete source and its current requirements.