design-taste-frontend - Design high-agency frontend interfaces
Provides frontend design and implementation guidance for responsive React or Next.js interfaces with calibrated styling, interaction states, and motion rules.
Tags
Updated: 2026-10-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Design responsive frontend layouts
- Apply calibrated typography and color
- Implement interactive UI states
- Create motion-driven interactions
- Verify frontend dependencies
- Enforce responsive layout constraints
- Apply performance guardrails
Inputs
- Frontend design requirements
- Project repository
- package.json
- Framework version
- Installed dependencies
- Brand system
- Platform conventions
Outputs
- Frontend UI code
- Responsive layouts
- Interactive component states
- Motion interactions
- Dependency installation commands
- Design implementation guidance
Requirements
- React or Next.js environment
- Tailwind CSS environment
- Access to package.json
- Required package installation permissions
- Compatible icon library when icons are used
- Framer Motion support for specified motion features