ui-ux-pro-max

What it does

This frontend skill enhances AI agents with advanced UI/UX design capabilities, enabling them to generate modern, responsive web interfaces and optimize user experience flows. It allows agents to translate complex requirements into clean, accessible code structures that prioritize usability and visual hierarchy.

When to use it

• You need an AI agent to rapidly prototype high-fidelity landing pages or dashboard layouts from scratch.
• Your project requires ensuring cross-browser compatibility and mobile responsiveness during the initial design phase.
• You want to automate the conversion of wireframes or user stories into production-ready frontend code.

Key capabilities

• Generates responsive HTML, CSS, and JavaScript for modern web applications.
• Implements best practices for accessibility (a11y) and semantic markup.
• Creates visually consistent designs adhering to specific brand guidelines or design systems.
• Optimizes layout structures for performance and scalability.

Example prompts

• "Create a responsive landing page with a hero section, feature grid, and footer using modern CSS flexbox."
• "Generate a dark-mode compatible dashboard layout that includes data tables and navigation sidebars."
• "Build an accessible contact form with proper ARIA labels and validation styles for a mobile-first approach."

Tips & gotchas

Ensure you provide clear design specifications or reference existing style guides to get the most accurate visual output. While this skill excels at frontend structure, it may require additional backend integration skills for full application functionality.