UI/UX Pro Designer

The problem

UI development often stalls when developers have to guess at design tokens or UX patterns. Without a dedicated designer, apps end up with inconsistent spacing, poor accessibility, and "amateur" visual polish.

What it does

• Generates complete design systems including industry-matched color palettes, font pairings, and CSS variables.
• Applies 99+ validated UX guidelines for accessibility, touch targets, and interaction states.
• Provides implementation-specific code for 10 stacks including React, SwiftUI, and React Native.
• Audits existing UI code for contrast ratios, layout shifts, and mobile-first responsive errors.
• Recommends specialized data visualization patterns for 25 different chart types.

Frameworks & tools

React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, shadcn/ui, Lucide, and Heroicons.

Why this beats prompting it yourself

Generic LLM prompts often ignore platform-specific constraints like iOS safe areas or Material Design tap targets. This skill uses a local intelligence database and Python-based search to enforce strict design rules and brand styleguides that generic prompts forget.

Use cases

• Building a SaaS dashboard with complex data tables and accessible charts.
• Creating a high-conversion landing page using validated section hierarchies.
• Refactoring a mobile app to meet WCAG 4.5:1 contrast and touch target standards.
• Implementing a dark mode system that maintains brand identity and legibility.

Known limitations

Focuses on application UI and functional design rather than complex 3D modeling or high-fidelity character illustration.