What problem does it solve?
This Skill streamlines the process of turning UI/UX requests into well-defined design systems and implementation guidance, improving frontend design and user experience.
Core Features & Use Cases
- Design System Generation: Automatically create design systems based on product type, industry, and style keywords.
- UX Review and Remediation: Offers guidance on accessibility, color, typography, and frontend implementation.
- Stack-Aware Implementation: Provides stack-specific guidance for various frontend frameworks and libraries.
- Use Case: When a user requests a new dashboard UI with a focus on data visualization, this Skill can generate a design system, suggest color palettes, typography, and offer implementation guidance for React or Vue.
Quick Start
Generate a design system for a project named 'Project Name' by running the following command: python3 "${CODEX_HOME:-$HOME/.codex}/skills/ui-ux-pro-max/scripts/search.py" "<product_type> <industry> <keywords>" --design-system -p "Project Name"