skills.rest
1337hero
1337heroCOMMUNITY
Explore all skills by this author →
Website𝕏@1337heroGitHub

ui-ux-pro-max

Generate UI/UX design systems and front-end specifications for React, Vue, Svelte, Next.js, and Tailwind.

1|Updated Feb 22, 2026
Search Tags:#ui#accessibility#reasoning#tokens#generator#ux#design-system
One-click install
npx skills add https://github.com/1337hero/claude-toolkit --skill ui-ux-pro-max-1337hero
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/1337hero/claude-toolkit/tree/main/skills/ui-ux-pro-max-0.1.0
Command: npx skills add https://github.com/1337hero/claude-toolkit --skill ui-ux-pro-max-1337hero

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Streamlines UI/UX design work by automatically generating systemized guidance, patterns, and implementation direction for multi-platform front-ends.

Core Features & Use Cases

  • Multi-domain design guidance across web platforms and frameworks (React, Vue, Next.js, Svelte, HTML+Tailwind).
  • Design-system generation including color, typography, spacing, tokens, and component guidelines.
  • Output formats for quick handoff: ASCII design system box or Markdown documentation, plus page-specific overrides.

Quick Start

Describe your project scope and request a full design system using the design-system feature.

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 design system with color, typography, and tokens for my web project?▼

You can generate a design system by describing your project scope and requesting the design-system feature. It outputs structured color, typography, spacing, tokens, and component guidelines for quick handoff.

Does this UI/UX guidance tool support React, Vue, Svelte, and Next.js frameworks?▼

Yes, this UI/UX guidance tool supports React, Vue, Svelte, Next.js, and HTML+Tailwind. It turns design recommendations into concrete front-end specifications tailored to your specific web platform.

What output formats can I use for front-end design handoff?▼

The design handoff outputs are available as an ASCII design system box or Markdown documentation. These formats include structured guidance, patterns, and page-specific overrides for implementation.

Can I apply reasoning rules to refine UX flows and layout patterns?▼

Yes, you can apply reasoning rules to refine UX flows and layout patterns. The tool supports multi-domain search and reasoning rule application to generate structured design outputs.

Do I need to set up persistence to manage page-specific design overrides?▼

No, persistence is optional. The tool provides page-specific overrides natively, allowing you to apply design-system generation and pattern adjustments across multi-platform front-ends without mandatory persistence setup.

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
Prathviraj-jadhavPrathviraj-jadhav

ui-ux-pro-max

Generate design tokens, component libraries, and accessibility audits for multi-platform UI systems.

Community
Advanced
cosmonic-labscosmonic-labs
21

brand-guidelines

Provide Cosmonic and wasmCloud brand guidelines with CSS variables and Tailwind configuration.

Official
Basic
zm2231zm2231

handoff-manager

Generate design handoff specifications with component specs, design tokens, and accessibility notes.

Community
Advanced