ui-ux-pro-max

What problem does it solve?

Creating truly exceptional UI/UX designs, complete with production-ready code and perfect visual assets, is a complex, multi-faceted challenge. This skill provides an advanced system for generating elite-tier UI/UX, including design guidelines, code snippets for various stacks, and hyper-detailed image generation prompts, ensuring zero AI slop and maximum visual impact.

Core Features & Use Cases

• Elite Design Generation: Generates comprehensive UI/UX designs based on specific styles, typography, and color palettes, adhering to professional guidelines.
• Production-Ready Code: Delivers code snippets for various frontend stacks (HTML/Tailwind, React, Vue, Flutter, SwiftUI, React Native, Next.js, Svelte) that are responsive and performant.
• Flawless Image Prompts: Creates hyper-detailed, copy-paste-ready prompts for advanced image generation tools (Flux/Midjourney v6/Ideogram) for hero images, backgrounds, and illustrations, ensuring visual perfection.
• Data-Driven Design: Utilizes internal CSV data for styles, colors, typography, and UX guidelines to ensure consistent, high-quality outputs.
• Use Case: A product manager needs a complete UI/UX design for a new mobile application, including mockups, code for a React Native frontend, and prompts for custom hero illustrations. This skill can generate the entire package, from a chosen aesthetic (e.g., Neumorphism) to the specific code and image prompts, ensuring a cohesive, high-quality design that's ready for development, saving immense design and development time.

Quick Start

Generate a UI/UX design for a dashboard using a "Glassmorphism" aesthetic, with code snippets for a React frontend.