ui-ux-pro-max

Generate design systems and pre-delivery UI/UX reviews for web and mobile stacks.

258|26|Updated Dec 9, 2025

Search Tags:#typography #accessibility #ui-ux #design-system #color-palettes #pattern-generation

Ready to run

npx skills add https://github.com/majiayu000/spellbook --skill ui-ux-pro-max-majiayu000

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/majiayu000/spellbook/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/majiayu000/spellbook --skill ui-ux-pro-max-majiayu000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides concise, stack-aware UI/UX guidance and design-system generation to speed up design reviews and reduce iteration cycles.

Core Features & Use Cases

Design-system generation: build a compact system with tokens, components, and usage rules aligned to the project stack.
Stack-specific implementation hints: provide guidance tailored to React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
Pre-delivery reviews: deliver design critiques, accessibility checks, and visual consistency audits before handoff.
Reference-guided templates: leverage the included full guide to accelerate tasks such as color, typography, and component patterns.

Quick Start

Load the references/full-guide.md and begin a design-system generation workflow aligned to the given 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 UI design system with tokens and components for a React and Tailwind stack?▼

To generate a UI design system, this skill builds a compact set of tokens, components, and usage rules specifically aligned to your React and Tailwind stack. It provides stack-aware implementation hints to ensure your design system integrates seamlessly with your chosen frontend technologies.

What is the best way to run an accessibility and visual consistency audit before UI delivery?▼

Running a pre-delivery review is the best way to audit accessibility and visual consistency. This skill delivers structured design critiques and accessibility checks against your project's patterns, ensuring visual consistency before you hand off the final UI.

Does this UI/UX guidance tool support mobile app development in SwiftUI and Flutter?▼

Yes, this UI/UX guidance tool supports mobile app development across stacks including SwiftUI and Flutter. It provides stack-aware implementation hints and design-system generation tailored specifically for mobile platforms alongside web frameworks like React and Vue.

How do I create color palettes and typography rules that align with my existing design system?▼

To create color palettes and typography rules, you can leverage the included reference guide to accelerate pattern generation. The design-system generation workflow builds these visual elements into a structured system with tokens and usage rules aligned to your project stack.

Can I use this for UI pre-delivery reviews on Next.js and Svelte projects?▼

Yes, you can use this for UI pre-delivery reviews on Next.js and Svelte projects. The skill delivers design critiques, accessibility checks, and visual consistency audits tailored to these specific web stacks to help reduce your iteration cycles before handoff.