design-taste-frontend - Build distinctive, responsive frontend interfaces
Provides frontend design and implementation guidance for React or Next.js interfaces with calibrated visuals, responsive layouts, motion, and complete UI states.
Tags
Updated: 2026-10-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Design distinctive interfaces
- Implement responsive layouts
- Apply calibrated color systems
- Define typography and spacing
- Implement interactive UI states
- Add motion and transitions
- Verify frontend dependencies
Inputs
- User interface requirements
- Project repository
- package.json
- Existing brand system
- Framework configuration
- User design preferences
Outputs
- Frontend implementation code
- Dependency installation commands
- Responsive interface layouts
- Loading, empty, and error states
- Motion and interaction behavior
Requirements
- React or Next.js project
- Tailwind CSS configuration
- Verified package dependencies
- Icon library when icons are needed
- Framer Motion when motion is active