frontend-ui-design - Design and review accessible frontend interfaces
Create or review production-ready React, Apps SDK, and Tauri interfaces with accessible, responsive, token-based design.
Tags
Updated: 2026-10-03Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Design frontend user journeys
- Specify responsive interface behavior
- Define DTCG design tokens
- Implement React UI components
- Implement Tauri web UI
- Review accessibility compliance
- Plan keyboard and focus behavior
- Specify reduced-motion alternatives
- Assess frontend performance risks
- Create Storybook test stories
- Audit reference links
Inputs
- Target surfaces
- Primary user goal
- Existing UI code
- Feature requirements
- Reference files
- Brand override confirmation
Outputs
- Feature design specification
- Token-referenced measurements
- React implementation snippets
- Tauri implementation snippets
- Storybook stories
- Accessibility testing steps
- Validation checklist
- Repository file plan
Requirements
- Access to the canonical design references
- Access to accessibility and standards references
- React and Apps SDK support for widget work
- Tauri and Rust support for desktop work
- Storybook support for component stories
- axe-core and Playwright support for web checks
- Permission to inspect or modify repository files