Does it provide implementation-specific code examples?

Yes, it offers stack-specific guidelines for various frameworks, ensuring that design recommendations are translated into clean, performant code.

How does UI/UX Pro Max help with web accessibility?

It provides critical, priority-ranked guidelines for color contrast, focus states, ARIA labels, and keyboard navigation to ensure compliance with modern standards.

Which frameworks and tech stacks are supported?

The skill supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Can this skill generate a full design system from a prompt?

Yes, by using the --design-system flag, it analyzes your product requirements to generate a complete system including patterns, styles, colors, and typography.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: hotriluan

byhotriluan

•

Design Tools

Provides expert UI/UX design intelligence, component implementation patterns, and automated design system generation across web and mobile stacks.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to build professional, accessible, and high-performance user interfaces. It features a searchable database of over 50 design styles, 90+ color palettes, and nearly 100 UX guidelines, supporting major frameworks including React, Next.js, Tailwind CSS, and mobile stacks like Flutter and SwiftUI. By applying priority-based reasoning, the skill helps you generate cohesive design systems, select optimal font pairings, and implement production-ready components that adhere to modern accessibility and performance standards.

Key Features

01Automated design system generation for specific product types and industries

02Critical accessibility and interaction auditing based on priority-ranked rules

03Support for 9 technology stacks including React, Next.js, Tailwind, and Flutter

04Comprehensive data visualization guide with 25+ chart type recommendations

05Library of 50+ UI styles like Glassmorphism, Neumorphism, and Bento Grid

061 GitHub stars

Use Cases

01Generating professional design systems for SaaS dashboards and admin panels

02Building high-converting landing pages with optimized typography and layouts

03Refactoring legacy frontend code to improve mobile responsiveness and accessibility

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hotriluan/alkana-dashboard ui-ux-pro-max

For use in Claude.ai and ChatGPT

Key Features

01Automated design system generation for specific product types and industries

02Critical accessibility and interaction auditing based on priority-ranked rules

03Support for 9 technology stacks including React, Next.js, Tailwind, and Flutter

04Comprehensive data visualization guide with 25+ chart type recommendations

05Library of 50+ UI styles like Glassmorphism, Neumorphism, and Bento Grid

061 GitHub stars

Use Cases

01Generating professional design systems for SaaS dashboards and admin panels

02Building high-converting landing pages with optimized typography and layouts

03Refactoring legacy frontend code to improve mobile responsiveness and accessibility