What frontend frameworks does UI/UX Pro Max support?

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

Can I use UI/UX Pro Max for mobile application design?

Yes, it includes specialized search domains and best practices for mobile development using SwiftUI, React Native, and Flutter.

How does this skill improve the visual quality of my code?

It enforces professional standards such as replacing emojis with SVG icons, ensuring WCAG-compliant color contrast, and implementing smooth CSS transitions and hover states.

How do I activate the design intelligence features?

The skill is triggered when you use keywords like 'beautiful', 'aesthetic', or 'landing page' in your prompts, leading Claude to search its internal database for relevant design systems.

UI/UX Pro Max - Frontend Design Intelligence

Name: UI/UX Pro Max - Frontend Design Intelligence
Author: hotriluan

byhotriluan

0•

设计工具

Guides the creation of stunning, production-grade user interfaces using professional design patterns and stack-specific best practices.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to plan, design, and implement high-quality frontend interfaces. It features a vast searchable database of 50+ UI styles (including glassmorphism, bento grids, and minimalism), 21 color palettes, and 50 font pairings optimized for major frameworks like React, Next.js, and Flutter. By enforcing rigorous professional standards—such as proper SVG icon usage, accessibility compliance, and responsive spacing—it ensures that AI-generated code meets modern design expectations and provides a polished user experience from the very first iteration.

主要功能

01Automated layout recommendations for landing pages, dashboards, SaaS apps, and e-commerce.

020 GitHub stars

03Integrated support for 8 major stacks including Tailwind, React, Vue, Svelte, and SwiftUI.

04Searchable database of 50+ UI styles and 21 curated color palettes for various industries.

05Comprehensive professional UI checklist covering icons, interaction feedback, and contrast.

06Advanced typography suggestions with ready-to-use Google Fonts pairings and imports.

使用场景

01Building a high-conversion landing page with specific aesthetic styles like Neumorphism or Brutalism.

02Rapidly prototyping mobile app interfaces using platform-specific guidelines for SwiftUI or Flutter.

03Refactoring an existing dashboard to improve accessibility, contrast, and responsive behavior.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hotriluan/alkanacoating ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill