skills.rest
majiayu000
majiayu000COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/majiayu000/spellbook --skill ui-ux-pro-max-majiayu000
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
stevengonsalvezstevengonsalvez

teach-impeccable

Gather design context from a repository and persist it to AI configuration.

Community
Intermediate
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
krzemienskikrzemienski
2

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

Community
Advanced
vrcmsvrcms
1

design-system

Analyze codebase styling patterns to generate design tokens and audit visual consistency.

Community
Advanced