·design-ui-ux-pro-max
*

design-ui-ux-pro-max

✓
baotoq/agent-skillsGitHub: baotoq/agent-skillsSource: baotoq/agent-skills

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.

baotoq·design·ui·ux·pro·max
12Installs·1Trend·@baotoq

Installation

GitHub: baotoq/agent-skills
$npx skills add https://github.com/baotoq/agent-skills --skill design-ui-ux-pro-max

How to Install design-ui-ux-pro-max

Quickly install design-ui-ux-pro-max AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/baotoq/agent-skills --skill design-ui-ux-pro-max
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: baotoq/agent-skills.

SKILL.md

View raw

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

| 1 | Accessibility | CRITICAL | ux | | 2 | Touch & Interaction | CRITICAL | ux | | 3 | Performance | HIGH | ux | | 4 | Layout & Responsive | HIGH | ux | | 5 | Typography & Color | MEDIUM | typography, color | | 6 | Animation | MEDIUM | ux | | 7 | Style Selection | MEDIUM | style, product | | 8 | Charts & Data | LOW | chart |

If Python is not installed, install it based on user's OS:

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/baotoq/agent-skills --skill design-ui-ux-pro-max
Source
baotoq/agent-skills
Category
*Creative Media
Verified
✓
First Seen
2026-02-22
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/baotoq/agent-skills/design-ui-ux-pro-max

Browse more skills from baotoq/agent-skills

Quick answers

What is design-ui-ux-pro-max?

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. Source: baotoq/agent-skills.

How do I install design-ui-ux-pro-max?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/baotoq/agent-skills --skill design-ui-ux-pro-max Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/baotoq/agent-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-22

Related Skills

database-architect
12 Installs
api-design-principles
10 Installs
architecture-patterns
10 Installs
frontend-radix-ui-design-system
10 Installs
backend-architect
9 Installs
context7-auto-research
9 Installs