ui-ux-frontend-basics - UI/UX basics for frontend pages and components
Applies practical UI/UX guidelines when designing or polishing frontend pages and components.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Classify UI surface types
- Establish visual hierarchy
- Apply spacing scales
- Optimize typography choices
- Define semantic color ramps
- Refine interaction feedback
Inputs
- Frontend page and component code
- User design requirements
- Project design tokens
Outputs
- Surface classification assumption statements
- Design review recommendations
- Refined frontend component code
Requirements
- Project design tokens or CSS variables