skills.rest
AceCandy
AceCandyCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI and UX design guidance from structured recommendations and CSV knowledge bases.

Updated Apr 11, 2026
Search Tags:#typography#accessibility#landing page#design system#color palette#ui design#ux review
One-click install
npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill ui-ux-pro-max-acecandy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/AceCandy/ui-skill-visual-compare/tree/main/data/%E7%88%B1%E6%83%85%E5%B9%BF%E5%9C%BA-app-%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%E9%A1%B5/ui-ux-pro-max-skill%E7%94%9F%E6%88%90/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill ui-ux-pro-max-acecandy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill turns scattered UI and UX best-practice data into actionable design guidance so teams can quickly choose a visual direction, avoid common usability mistakes, and standardize implementation decisions.

Core Features & Use Cases

  • Design system generation: Combines product, style, color, typography, and landing-page recommendations into one coherent direction.
  • UX and accessibility review: Highlights usability issues, responsive layout concerns, keyboard navigation, touch targets, and motion considerations.
  • Framework-specific guidance: Provides implementation advice for stacks like HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, and more.
  • Persistence and reuse: Can save master design rules and page-specific overrides for repeatable project workflows.

Quick Start

Use the ui-ux-pro-max skill to analyze your product type, style goals, and target stack, then generate a complete design system recommendation for your project.

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 complete UI design system for a new product?▼

To generate a UI design system, define your product type, style goals, and target stack. The skill combines color, typography, and landing-page recommendations into one coherent visual direction for your project.

Can I get framework-specific UI implementation guidance for React and Next.js?▼

Yes, you can get framework-specific UI implementation guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and HTML/Tailwind, providing actionable stack advice for your chosen environment.

How do I conduct a UX and accessibility review for a landing page?▼

Conducting a UX and accessibility review involves analyzing usability issues, responsive layouts, keyboard navigation, touch targets, and motion considerations to highlight and resolve common interaction mistakes.

What is the best way to standardize typography and color palette decisions across a project?▼

Standardizing typography and color palette decisions is best achieved by saving master design rules and page-specific overrides, allowing you to persist and reuse these settings for repeatable workflows.

Does this UI/UX design tool support mobile app and dashboard layouts?▼

Yes, this UI/UX design tool supports mobile app and dashboard layouts. It analyzes your product type to produce responsive design system recommendations and layout guidance across multiple frameworks.

Why do my front-end components lack visual consistency across different pages?▼

Front-end components lack visual consistency without a structured design system. By generating master design rules and applying page-specific overrides, you can standardize implementation decisions and resolve usability mistakes.

Related Skills

Explore More Design & Creative Skills→
AesopScottAesopScott
1

design-experience-plus-plus

Generate website and product surface designs using MAPS M8 Experience Design.

Community
Advanced
MonichreMonichre

ui-ux-pro-max

Generate design-system documentation with style, color, typography, and UX recommendations.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
marcosgcr3marcosgcr3

ui-ux-pro-max

Generate UI and UX design-system recommendations from curated CSV knowledge bases.

Community
Advanced