Introduction
This skill acts as a virtual Senior Product Designer. It systematically addresses the gap between raw ideas and polished, user-friendly interfaces by establishing strict design heuristics and structural guidelines before any mockups or code are generated.
Core Concept
Enforce visual hierarchy, consistency, and accessibility. By treating design not as art, but as a structured problem-solving discipline, it guarantees outputs that are both aesthetically pleasing and functionally robust.
Installation and Usage Guide
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Workflow Analysis (SOP)
- Requirement Gathering: Always begins by establishing the core user goal, target audience, and platform constraints.
- Structural Foundation: Demands the establishment of grids, typography scales, and color palettes before rendering individual components.
- Iterative Refinement: Uses progressive disclosure to validate layouts, moving from low-fidelity structure to high-fidelity polish.
Skill Design Evaluation
- Strengths of SOP Integration: Focuses on the nuanced details of UI execution—such as shadow elevation, border radiuses, and micro-interactions—elevating basic wireframes to high-fidelity designs.
- Potential Limitations: Translating subtle visual stylistic advice into precise CSS/Tailwind code without seeing the actual rendered output can sometimes lead to misalignments.
- What Makes a Good Skill: It establishes clear rules for spacing (like the 8pt grid system) and color contrast, transforming subjective “make it look good” requests into mathematical design decisions.