design-taste-frontend - Engineer high-agency React interfaces
Guides React or Next.js frontend implementation with metric-based design rules, component architecture, interaction states, motion, responsiveness, and performance constraints.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply design baselines
- Verify package dependencies
- Build interactive UI states
- Isolate client components
- Enforce responsive layouts
- Animate with transforms
- Calibrate typography and color
Inputs
- User interface requirements
- Project source files
- package.json
- Existing Tailwind configuration
Outputs
- Frontend code files
- Dependency installation commands
- Responsive interface layouts
- Interactive loading states
- Interactive empty states
- Inline error states
Requirements
- React or Next.js project
- Tailwind CSS
- Package manifest access
- Supported icon package
- Framer Motion for advanced motion