design-taste-frontend - High-agency frontend design and implementation
Designs and implements React or Next.js interfaces using metric-based visual rules, component architecture, responsive layouts, interaction states, and performance constraints.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply metric-based design rules
- Structure React or Next.js components
- Implement responsive CSS layouts
- Add loading, empty, and error states
- Implement motion and micro-interactions
- Optimize transform-based animations
- Verify third-party dependencies
Inputs
- User interface requirements
- Project package.json
- Existing codebase
- Target framework
- Design variance preferences
- Motion intensity preferences
- Visual density preferences
Outputs
- React or Next.js component code
- Responsive styling code
- Dependency installation commands
- Interactive UI states
- Frontend layout implementations
Requirements
- React or Next.js environment
- Package manifest access
- Tailwind CSS support
- Client and Server Component support
- Framer Motion support for enabled motion features
- Icon library support