How does this skill improve UI quality?

It enforces professional standards such as SVG-only icons, specific contrast ratios for light/dark modes, and stable hover states while preventing layout shifts.

Does it handle accessibility (a11y) requirements?

Absolutely. The skill includes a pre-delivery checklist covering alt text, form labels, keyboard navigation, and WCAG-compliant contrast ratios.

Can I use this for mobile application design?

Yes, the skill includes specialized domains and implementation guidelines for mobile platforms including SwiftUI, React Native, and Flutter.

What frameworks does UI/UX Pro Max support?

The skill supports eight major development stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and plain HTML-Tailwind.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: julianromli

byjulianromli

•

101

•

设计工具

Empowers Claude to design and implement professional, accessible, and high-performance user interfaces across eight web and mobile frameworks.

UI/UX Pro Max acts as a comprehensive design intelligence database for Claude, providing instant access to over 50 UI styles, curated color palettes, and font pairings tailored for diverse products like SaaS dashboards, e-commerce sites, and mobile apps. It enforces strict professional design standards—such as SVG icon usage, accessibility compliance, and layout consistency—while providing stack-specific implementation patterns for frameworks like React, Vue, Tailwind, and SwiftUI to ensure production-grade frontend results.

主要功能

01Comprehensive search for 50+ UI styles including Glassmorphism, Bento, and Minimalism.

02Specific components library for buttons, modals, navbars, and data visualizations.

03101 GitHub stars

04Automated discovery of typography pairings and industry-specific color palettes.

05Multi-stack support for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

06Integrated professional UI/UX checklist for accessibility, contrast, and responsiveness.

使用场景

01Designing complex SaaS dashboards with specialized chart recommendations and responsive tables.

02Building high-fidelity landing pages with optimized conversion layouts and smooth animations.

03Auditing existing frontend code for accessibility gaps, mobile responsiveness, and design consistency.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianromli/opencode-template ui-ux-pro-max

For use in Claude.ai and ChatGPT

主要功能

01Comprehensive search for 50+ UI styles including Glassmorphism, Bento, and Minimalism.

02Specific components library for buttons, modals, navbars, and data visualizations.

03101 GitHub stars

04Automated discovery of typography pairings and industry-specific color palettes.

05Multi-stack support for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

06Integrated professional UI/UX checklist for accessibility, contrast, and responsiveness.

使用场景

01Designing complex SaaS dashboards with specialized chart recommendations and responsive tables.

02Building high-fidelity landing pages with optimized conversion layouts and smooth animations.

03Auditing existing frontend code for accessibility gaps, mobile responsiveness, and design consistency.