taste-design-frontend - Engineer high-agency React and Next.js interfaces
Designs and implements React or Next.js interfaces using metric-based visual rules, strict component architecture, responsive layouts, and performance guardrails.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply metric-based design baselines
- Structure React or Next.js interfaces
- Verify package dependencies
- Implement responsive layouts
- Add complete interaction states
- Optimize transform-based animations
- Enforce styling and icon rules
Inputs
- User design requirements
- Project package.json
- React or Next.js project
- Existing project source code
Outputs
- Frontend source code
- Responsive interface layouts
- Loading, empty, and error states
- Dependency installation commands
Requirements
- React or Next.js environment
- Access to package.json
- Tailwind CSS support
- Approved icon package availability
- Framer Motion support for motion features