skills.rest
tonehq
tonehqOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design guidance for web and mobile across ten stacks.

11|3|Updated Aug 31, 2025
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#component-library#design-reasoning
One-click install
npx skills add https://github.com/tonehq/tone --skill ui-ux-pro-max-tonehq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tonehq/tone/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tonehq/tone --skill ui-ux-pro-max-tonehq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides design intelligence for web and mobile, helping teams standardize UI decisions, improve quality, and accelerate delivery with a searchable knowledge base and rule-based guidance.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS).
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code; used for designing pages, refining components, choosing color systems, typography, layout, and accessibility reviews.
  • Projects include website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app.
  • Integrations: shadcn/ui MCP for component search and examples.

Quick Start

Design a responsive dashboard UI using UI/UX Pro Max with glassmorphism style, accessible color palette, and clear typography.

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 build a consistent UI design system for React and Tailwind?▼

You can design accessible dashboards by applying structured design intelligence that supplies prioritized recommendations, 99 UX guidelines, and accessible color palettes to refine layout, typography, and component structure.

What's the best way to choose a color palette and typography for a SaaS landing page?▼

The best way to choose a color palette and typography for a SaaS landing page is to query a design repository featuring 161 color palettes and 57 font pairings, applying rule-based guidance to match your specific product type and style.

Can I use this design intelligence to review and refactor existing shadcn/ui components?▼

Yes, you can use this design intelligence to review and refactor existing shadcn/ui components, leveraging its MCP integration for component search and applying rule-based checks to optimize accessibility and visual consistency.

Does this UI/UX design tool support mobile app frameworks like Flutter and React Native?▼

Yes, this UI/UX design tool supports mobile app frameworks like Flutter and React Native, alongside SwiftUI, providing actionable design reasoning and component library standardization for cross-platform mobile app development.

When should I use a rule-based design framework instead of building UI components from scratch?▼

You should use a rule-based design framework instead of building from scratch when you need to standardize UI decisions across multiple stacks, accelerate delivery, and ensure accessibility compliance using a searchable knowledge base of 50+ styles and 99 UX guidelines.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
scanbottscanbott

ui-ux-pro-max

Generate UI/UX design guidance across 67 styles, 96 palettes, and 57 font pairings.

Community
Advanced
not-subhunot-subhu

mockup-sandbox

Run a Vite dev server for live UI component previews on the canvas.

Community
Advanced
gvinokurgvinokur

ui-ux-designer

Generate standalone HTML mockups with React and MUI v7 components.

Community
Intermediate