Which frontend frameworks are supported?

It provides tailored guidelines for React, Next.js, Vue, Svelte, Tailwind CSS, shadcn/ui, SwiftUI, React Native, and Flutter.

Can this skill help fix my existing UI?

Yes, it includes actions to review, fix, and optimize existing code, specifically targeting common issues like poor contrast, inconsistent spacing, and improper icon usage.

What is the UI/UX Pro Max skill?

UI/UX Pro Max is a searchable design database for Claude Code that provides specific guidance on styles, colors, fonts, and UX patterns to help developers build professional-grade interfaces.

How do I search for specific design styles?

You can use the built-in search script with keywords like 'glassmorphism' or 'minimalism' across domains like 'style', 'color', or 'ux' to get immediate implementation details.

Does it provide accessibility (a11y) guidance?

Yes, accessibility is a core topic within the skill, offering best practices for text contrast, ARIA patterns, and inclusive design elements.

UI/UX Pro Max Design Intelligence

Name: UI/UX Pro Max Design Intelligence
Author: hookvibe

byhookvibe

Design Tools

Provides a comprehensive design intelligence database to build, audit, and optimize professional user interfaces using curated styles, palettes, and stack-specific patterns.

About

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that bridges the gap between raw code and professional design. It features a searchable database of over 50 UI styles, 21 color palettes, and 50 font pairings, integrated with specific implementation guidelines for modern frameworks like React, Next.js, Vue, and Tailwind CSS. By providing systematic workflows for planning landing pages, dashboards, and mobile apps, it ensures developers follow industry-standard UX best practices for accessibility, interaction design, and visual hierarchy without needing a dedicated design team.

Key Features

Stack-specific implementation guides for React, Next.js, Vue, Svelte, SwiftUI, and Flutter.
0 GitHub stars
Searchable database of 50+ UI styles including Glassmorphism, Brutalism, and Bento Grids.
Structural templates for landing pages, dashboards, e-commerce sites, and portfolios.
Curated color palettes and Google Font pairings categorized by industry and product type.
Comprehensive UX audit checklist covering accessibility, contrast, and interaction states.

Use Cases

Setting up a cohesive design system for a cross-platform mobile application using SwiftUI or Flutter.
Generating a high-conversion landing page design with optimized CTA strategies and typography.
Refactoring an existing admin dashboard to improve data visualization and dark mode accessibility.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hookvibe/hookcode ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill

GitHub

About

Key Features

Stack-specific implementation guides for React, Next.js, Vue, Svelte, SwiftUI, and Flutter.
0 GitHub stars
Searchable database of 50+ UI styles including Glassmorphism, Brutalism, and Bento Grids.
Structural templates for landing pages, dashboards, e-commerce sites, and portfolios.
Curated color palettes and Google Font pairings categorized by industry and product type.
Comprehensive UX audit checklist covering accessibility, contrast, and interaction states.

Use Cases

Setting up a cohesive design system for a cross-platform mobile application using SwiftUI or Flutter.
Generating a high-conversion landing page design with optimized CTA strategies and typography.
Refactoring an existing admin dashboard to improve data visualization and dark mode accessibility.