How does this skill improve UI quality?

It enforces professional standards such as using SVG icons instead of emojis, maintaining stable hover states, and ensuring high-contrast accessibility for both light and dark modes.

Does it provide accessibility (a11y) guidance?

Absolutely. It includes a pre-delivery checklist that verifies color contrast ratios, alt text for images, form labeling, and keyboard navigation support.

Which tech stacks are supported by UI/UX Pro Max?

The skill provides specific implementation patterns for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and defaults to HTML-Tailwind for web projects.

Can I use this for mobile app design?

Yes, it includes specialized domains for mobile frameworks like SwiftUI and Flutter, offering guidance on layout, theming, and platform-specific navigation patterns.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: julianromli

byjulianromli

•

101

•

Design Tools

Empowers Claude with a searchable database of professional UI styles, color palettes, font pairings, and stack-specific design guidelines.

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a high-end product designer. It provides instant access to over 50 UI styles, 21 curated color palettes, and 50 font pairings, alongside implementation patterns for 8 major frameworks including React, Tailwind, and SwiftUI. Whether you are building a SaaS dashboard, a landing page, or a mobile app, this skill ensures your frontend code adheres to professional standards for accessibility, interaction design, and visual hierarchy while avoiding common UI pitfalls.

Key Features

01Curated industry-specific color palettes and Google Font pairing recommendations.

02101 GitHub stars

03Searchable database of design trends including glassmorphism, brutalism, and bento grids.

04Stack-specific best practices for React, Next.js, Vue, Svelte, and mobile frameworks.

05Comprehensive UX checklist covering accessibility, smooth transitions, and responsive layout rules.

06Integrated research workflow to analyze product requirements before generating code.

Use Cases

01Building high-conversion landing pages with optimized hero sections and social proof layouts.

02Designing and implementing complex dashboards with consistent chart styles and data visualizations.

03Refactoring existing frontend code to improve visual polish, dark mode contrast, and interaction feedback.

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

Key Features

01Curated industry-specific color palettes and Google Font pairing recommendations.

02101 GitHub stars

03Searchable database of design trends including glassmorphism, brutalism, and bento grids.

04Stack-specific best practices for React, Next.js, Vue, Svelte, and mobile frameworks.

05Comprehensive UX checklist covering accessibility, smooth transitions, and responsive layout rules.

06Integrated research workflow to analyze product requirements before generating code.

Use Cases

01Building high-conversion landing pages with optimized hero sections and social proof layouts.

02Designing and implementing complex dashboards with consistent chart styles and data visualizations.

03Refactoring existing frontend code to improve visual polish, dark mode contrast, and interaction feedback.