design-taste-frontend-v1 - High-agency frontend design and implementation rules
Guides React or Next.js frontend generation with design, motion, responsiveness, interaction, performance, and dependency verification rules.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Verify project dependencies
- Apply design constraints
- Build responsive layouts
- Implement interactive states
- Add motion interactions
- Optimize rendering performance
Inputs
- User design requirements
- Project package.json
- Existing project source
- Selected frontend stack
- Design parameter overrides
Outputs
- Frontend source code
- Dependency installation commands
- Responsive UI layouts
- Interactive loading states
- Interactive empty states
- Inline error states
Requirements
- React or Next.js environment
- Tailwind CSS setup
- Accessible package.json
- Framer Motion for advanced motion
- Approved icon library dependency