design-webapp - Build dense, state-complete logged-in web apps
Builds logged-in dashboards and app surfaces with product-register density, responsive navigation, explicit data states, and data-heavy interaction patterns.
Tags
Updated: 2026-10-08web applicationsdashboardsauthenticated interfacesdata tablesdata visualizationresponsive navigationdesign systems
Capabilities
What this skill does
- Build logged-in app surfaces
- Select app page patterns
- Select interaction patterns
- Cover all data states
- Design readable data tables
- Choose effective chart types
- Design single-column forms
- Apply responsive navigation shells
- Reuse general component guides
Inputs
- Design-system tokens
- Product register specification
- Application interface corpus
- Page or pattern specification
- Responsive dashboard guidance
Outputs
- Logged-in web app interface
- Responsive navigation shell
- Explicit data-state views
- Data tables and visualizations
- Auth and settings surfaces
Requirements
- Design-system tokens exist
- Product register is locked
- Local application corpus is available
- Browser access to local references