How do I use this skill within Claude Code?

Once installed, simply request a UI task. The skill will use a search script to gather design context for your specific product type and stack before generating code.

Can it help with accessibility compliance?

Yes, the skill includes a dedicated 'ux' search domain and a pre-delivery checklist to ensure your UI meets contrast, navigation, and accessibility standards.

What frameworks does UI/UX Pro Max support?

It supports a wide range of tech stacks including HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

How does the skill improve my frontend code?

It provides domain-specific intelligence for color theory, typography, and layout before implementation, ensuring the generated code follows professional design standards.

UI/UX Pro Max - Frontend Design Intelligence

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

bykhoi1009

0•

Design Tools

Accelerates frontend development by providing design patterns, color palettes, and stack-specific UI/UX guidelines for professional web and mobile interfaces.

UI/UX Pro Max is a comprehensive design intelligence skill that equips developers with a searchable database of professional UI styles, accessible color palettes, and optimized typography pairings. It streamlines the frontend workflow from planning to implementation by offering domain-specific guidance for various products like SaaS dashboards, landing pages, and e-commerce platforms. Supporting multiple frameworks including React, Vue, and Tailwind CSS, it ensures high-quality visual results while enforcing industry best practices for accessibility, interaction design, and cross-platform responsiveness.

Key Features

01Searchable database of 50+ UI styles including Glassmorphism, Minimalism, and Neumorphism.

02Intelligent color palette and font pairing recommendations tailored to specific industry domains.

03Automated search workflows for product types, UX best practices, and responsive layout structures.

04Framework-specific implementation guides for React, Next.js, Vue, Svelte, and mobile stacks.

05Pre-delivery quality checklists covering accessibility, visual consistency, and interaction feedback.

060 GitHub stars

Use Cases

01Generating high-conversion landing pages with optimized typography and strategic CTA placement.

02Building data-rich analytics dashboards featuring accessible charts and responsive grid layouts.

03Refactoring existing CSS or Tailwind code to improve visual aesthetics and meet accessibility standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add khoi1009/vibecode-with-multi-agent ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill