What distinguishes UI/UX Design Pro from standard AI code generation?

It bypasses generic 'AI-style' defaults by enforcing a mandatory reasoning process, requiring the AI to define domain concepts, color worlds, and unique signatures before writing any CSS or component code.

Can I use this for mobile application design?

Absolutely. The skill includes specific patterns for mobile layouts, touch targets, and responsive scaling using fluid typography and grid systems.

Does this skill support accessibility standards?

Yes, it is built on WCAG 2.2 AA minimum standards, utilizing APCA contrast levels, ARIA roles, and keyboard-first navigation patterns.

Which frameworks is this skill compatible with?

While framework-agnostic in principle, it excels in generating production-ready CSS, Tailwind tokens, and component logic compatible with React, Vue, and modern web environments.

UI/UX Design Pro

Name: UI/UX Design Pro
Author: saifyxpro

bysaifyxpro

•

Design Tools

Transforms Claude into a senior-level design partner to build intentional, premium production interfaces using data-driven patterns and advanced token systems.

UI/UX Design Pro is a specialized skill designed to elevate AI-generated frontend work from generic templates to professional-grade software. It enforces a rigorous 'Intent First' methodology, requiring the AI to analyze user personas and domain-specific metaphors before generating code. With support for over 150 reasoning rules, oklch color systems, and WCAG 2.2 accessibility standards, this skill is ideal for developers building complex SaaS dashboards, fintech tools, and scalable design systems that require deep consistency and visual craft.

Key Features

01Mandatory reference-checking protocol to ensure production-tested design patterns.

025 GitHub stars

03Comprehensive token-based architecture for typography, spacing, and elevation.

04Access to 100+ curated styles, palettes, and font pairings for rapid high-fidelity prototyping.

05Advanced color management using oklch for perceptual uniformity and APCA contrast.

06Built-in UI auditing for accessibility, cognitive load, and visual hierarchy.

Use Cases

01Conducting deep UI/UX audits on existing codebases to improve accessibility and visual 'craft'.

02Architecting a complex SaaS or Fintech dashboard with high information density.

03Generating a complete, multi-layered design system from scratch for a new product.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saifyxpro/ui-ux-design-pro-skill ui-ux-design-pro

For use in Claude.ai and ChatGPT

Download Skill