skills.rest
TwuanMinn
TwuanMinnCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design specifications with patterns, palettes, typography, and accessibility guidance.

Updated Jan 26, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#palette#design-guidance
One-click install
npx skills add https://github.com/TwuanMinn/fadelab --skill ui-ux-pro-max-twuanminn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/TwuanMinn/fadelab/tree/main/.agent/skills/skills/ui-ux-pro-max
Command: npx skills add https://github.com/TwuanMinn/fadelab --skill ui-ux-pro-max-twuanminn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a cohesive UI design system with typography and color palettes for a SaaS dashboard?▼

Generate a cohesive UI design system by using AI to auto-suggest visual patterns, accessible color palettes, font pairings, and components for your SaaS dashboard, outputting Markdown specifications.

Can I get design guidance and component suggestions for React Native and Flutter mobile apps?▼

Yes, you can get design guidance for React Native and Flutter mobile apps. The system suggests patterns and components across nine stacks including mobile frameworks, ensuring visual consistency.

What is the best way to apply glassmorphism and dark mode styles to web components?▼

The best way to apply glassmorphism and dark mode is through reasoned design-system generation, which searches visual data to suggest patterns, colors, and typography tailored to these specific styles.

Does this UI design tool provide accessibility guidance for buttons, modals, and forms?▼

Yes, this UI design tool provides accessibility guidance for elements like buttons, modals, and forms, ensuring your components meet accessible design standards alongside visual specifications.

How do I choose typography and font pairings for a Tailwind and shadcn/ui project?▼

Choose typography and font pairings for Tailwind and shadcn/ui projects using the system's auto-suggestion engine, which selects from 50 font pairings to match your visual style and design context.

Related Skills

Explore More Design & Creative Skills→
luiztrilhaluiztrilha

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced
first-flukefirst-fluke
218

ui-ux-pro-max

Generates design systems and reviews UI/UX patterns for accessible web and mobile interfaces.

Official
Advanced
darthlinuxerdarthlinuxer

ui-ux-pro-max

Generate design systems from local UI datasets using BM25 semantic search.

Community
Intermediate
AEtherlight-aiAEtherlight-ai

bug-report-template

Generates markdown bug report templates with investigation and testing;checklists for Claude Code enhancement workflows.

Official
Advanced