What frameworks does UI/UX Pro Max support?

It supports 9 major frameworks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Does this skill help with web accessibility (a11y)?

Yes, it includes built-in UX guidelines and a pre-delivery checklist that ensures high contrast ratios, alt text, and keyboard navigation.

Does it provide icons and logos?

It recommends professional SVG icon sets like Lucide and Heroicons and provides guidance on sourcing correct brand logos from Simple Icons.

How does the skill find the right design for my project?

It uses a specialized search script to query domains like 'product', 'style', 'color', and 'typography' based on your specific industry and requirements.

Can I use it for mobile app development?

Absolutely. It contains specific stacks for SwiftUI, React Native, and Flutter to ensure your mobile UI follows platform-specific best practices.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: shining319

byshining319

•

デザインツール

Generates high-fidelity UI/UX designs and implementation code using a searchable database of professional styles, palettes, and frameworks.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that streamlines the frontend development process for solo developers. It provides instant access to over 50 design styles, 21 curated color palettes, and 50 professional font pairings, all searchable through a domain-specific knowledge base. Whether building a SaaS dashboard or a mobile app, this skill guides developers through best practices, UX anti-patterns, and framework-specific implementation—supporting React, Tailwind, SwiftUI, and more—to ensure production-grade visual quality, accessibility, and consistency without needing a dedicated design team.

主な機能

01Comprehensive UX audit checklist covering accessibility and interactions

02Searchable knowledge base for styles, typography, and color palettes

036 GitHub stars

04Automated design system generation tailored to specific industries

05Professional asset guidelines for icons, spacing, and dark mode contrast

06Framework-specific implementation guides for 9 major frontend stacks

ユースケース

01Developing mobile applications using platform-specific guidelines for SwiftUI, Flutter, or React Native

02Implementing professional-grade dashboards with optimized chart and layout recommendations

03Rapidly prototyping a SaaS landing page with a complete, cohesive design system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shining319/claude-code-single-person-workflow ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill