Can I use it to find specific design styles like Glassmorphism?

Absolutely. You can search the 'style' domain for specific keywords like glassmorphism, minimalism, brutalism, or neumorphism to get implementation details.

How does the search functionality work within Claude Code?

It uses an internal search script that Claude triggers to query various domains like product type, color, typography, and stack guidelines to gather context for your project.

Does this skill help with accessibility compliance?

Yes, UI/UX Pro Max includes a dedicated UX search domain that provides best practices for accessibility (a11y), contrast ratios, and keyboard navigation.

What frontend frameworks does UI/UX Pro Max support?

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

Does it provide recommendations for icons and assets?

Yes, it encourages the use of professional SVG libraries like Heroicons and Lucide and provides guidance on consistent sizing and hover states.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: trojblue

bytrojblue

0•

Design Tools

Empowers developers to build production-grade interfaces using a searchable database of professional design systems, styles, and multi-stack best practices.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that bridges the gap between development and professional design. It provides developers with instant access to over 50 UI styles (like Glassmorphism and Bento grids), 21 curated palettes, 50 font pairings, and 20 chart types. By integrating directly into the coding workflow, it offers stack-specific guidance for React, Next.js, Vue, and mobile frameworks, ensuring every interface is accessible, responsive, and aesthetically polished without requiring a dedicated designer.

Key Features

010 GitHub stars

02Built-in UX audit checklist for accessibility, layout spacing, and interaction feedback.

03Mobile-first design support for SwiftUI, React Native, and Flutter applications.

04Searchable design database covering 50+ visual styles and 21 professional color palettes.

05Framework-specific implementation guides for React, Next.js, Vue, Svelte, and Tailwind CSS.

06Automated recommendations for Google Font pairings and SVG icon integration.

Use Cases

01Generating high-converting SaaS landing pages with modern layouts like Bento grids or Claymorphism.

02Refactoring existing frontend code to improve accessibility, mobile responsiveness, and visual hierarchy.

03Developing complex analytics dashboards with optimized chart selection and cohesive data visualization.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add trojblue/lenslet ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill