skills.rest
josinesprados-hub
josinesprados-hubCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Assemble a complete design system recommendation from UI/UX goals and constraints.

Updated Aug 23, 2026
Search Tags:#accessibility#reasoning#tokens#ui-ux#design-system#multidomain
One-click install
npx skills add https://github.com/josinesprados-hub/vita-zen --skill ui-ux-pro-max-josinesprados-hub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/josinesprados-hub/vita-zen/tree/main/vita-zen-src/vita-zen-main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/josinesprados-hub/vita-zen --skill ui-ux-pro-max-josinesprados-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence and practical implementation guidance to help you create polished interfaces, coherent UX flows, and scalable design systems. It covers information architecture, visual style direction, design tokens, component specs, copy/microcopy, and accessibility, and can critique or refine frontend UI across HTML/CSS/JS, React, Next.js, Vue, Svelte, and Tailwind.

Core Features & Use Cases

  • UI concept generation and layout direction
  • UX flows, IA, accessibility guidance, and copy/microcopy
  • Design tokens, component guidelines, and design system scaffolding
  • Code-ready design recommendations and critique for frontend stacks
  • Guidance for generating new UI layouts, refining existing UI/UX, and turning UX recommendations into concrete code changes

Quick Start

Describe your target platform, stack, goals, and constraints in a concise prompt to generate a complete UI/UX design system and code-ready guidance.

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 design system with UI/UX guidance for my web application?▼

To generate a design system, describe your target platform, stack, goals, and constraints in a prompt. The Skill identifies your UI/UX goals and assembles a structured recommendation including patterns, styles, colors, typography, and effects in Markdown or ASCII format.

Can I get code-ready UI critique and recommendations for frameworks like React, Next.js, or Tailwind?▼

Yes, you can get code-ready design recommendations and critiques for React, Next.js, Vue, Svelte, and Tailwind. The Skill translates UX recommendations into concrete code changes and component guidelines tailored to your specified frontend stack.

What is the best way to define design tokens and component specifications for a scalable interface?▼

Defining design tokens and component specifications is achieved by synthesizing multi-domain searches across product, style, color, and typography. The Skill returns a structured artifact with component guidelines, design tokens, and a pre-delivery checklist to ensure scalable interfaces.

Does this tool provide accessibility guidance and check for UX anti-patterns?▼

Yes, accessibility guidance and anti-pattern detection are core features. The generated design system artifact explicitly lists anti-patterns to avoid and includes a pre-delivery checklist to verify accessibility and UX flow coherence before implementation.

How do I persist design system overrides and page-level styling decisions?▼

Design system persistence is handled via MASTER.md files and optional page overrides. This allows you to save synthesized styles, colors, and typography decisions locally while applying specific styling exceptions for individual pages.

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
CyangZhouCyangZhou
2

Frontend_Design_System

Generate React component libraries from design tokens and UI requirements using Tailwind styling.

Community
Intermediate
ianyimiianyimi
1

Frontend CSS

Enforce frontend CSS standards and validate syntax during development.

Community
Basic
Harmeet10000Harmeet10000
7

ui-ux-pro-max

Generate UI/UX design systems from multi-domain searches and reasoning rules.

Community
Advanced