high-end-visual-design - High-end agency-level UI/UX and motion design guide.
Defines design rules, layout archetypes, micro-interactions, and motion standards to build high-end web user interfaces.
Tags
Updated: 2026-09-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Block generic UI default design patterns
- Select creative vibe and layout archetypes
- Construct double-bezel nested card containers
- Build button-in-button interactive CTA components
- Choreograph fluid transitions and physics motion
- Enforce GPU-safe layout performance guardrails
Inputs
- User UI design prompt
- Contextual visual design requirements
Outputs
- React component code
- Tailwind CSS styling code
- HTML layout markup
Requirements
- Tailwind CSS framework
- Premium font assets
- Ultra-light icon libraries
- Modern Web browser engine