Does this skill provide actual code or just design advice?

It provides both. It searches a deep database for design intelligence and then implements the specific code using your preferred framework's best practices.

What frameworks are supported by UI/UX Pro Max?

The skill supports HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

Can I use it to fix existing UI issues?

Yes, the skill includes 'review', 'fix', and 'improve' actions specifically designed to audit and refactor existing code for better UX and accessibility.

How does it handle icons and brand logos?

It strictly avoids emojis, instead fetching professional SVG icons from libraries like Heroicons, Lucide, and Simple Icons for brand logos.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: januarfonti

byjanuarfonti

0•

Design Tools

Generates professional, production-ready user interfaces using a curated database of design systems, typography, and framework-specific best practices.

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a senior frontend architect. It provides instant access to over 50 UI styles, 21 color palettes, and 50 font pairings, ensuring that every interface created is not only visually stunning but also adheres to professional UX standards. Whether building a SaaS dashboard or a mobile app, this skill enforces critical design rules like accessibility compliance, consistent spacing, and high-quality SVG iconography across eight major stacks including React, Next.js, and Flutter.

Key Features

01Integrated typography and color palette engine tailored to industry-specific needs.

02Searchable component database for charts, navigation, and complex UI elements.

03Framework-specific implementation for React, Next.js, Vue, Svelte, SwiftUI, and Flutter.

04Extensive library of 50+ UI styles including Glassmorphism, Bento Grids, and Minimalism.

050 GitHub stars

06Strict UX enforcement for accessibility, hover states, and light/dark mode contrast.

Use Cases

01Creating complex analytics dashboards with consistent charting and data visualization patterns.

02Building high-conversion SaaS landing pages with optimized hero sections and social proof.

03Refactoring existing frontend code to meet professional accessibility and responsive design standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add januarfonti/opencode-template-configured ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill