ui-ux-pro-max

Transform vague UI requests into design-system guidance and implementation notes.

5|2|Updated Jul 2, 2026

Search Tags:#typography #accessibility #ui-design #design-system #landing-page #color-palette #ux-review

Ready to run

npx skills add https://github.com/Tx1207/hello-scholar --skill ui-ux-pro-max-tx1207

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Tx1207/hello-scholar/tree/main/skills/post-acceptance/ui-ux-pro-max
Command: npx skills add https://github.com/Tx1207/hello-scholar --skill ui-ux-pro-max-tx1207

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Translates fuzzy UI design requests into concrete design-system guidance and implementation notes, helping teams move from idea to ready-to-build UI.

Core Features & Use Cases

Infers product type, target platform, and style direction from user requests.
Generates a compact, actionable design system scaffold including tokens, layout rules, color and typography guidance, and accessibility constraints.
Provides stack-aware implementation notes for popular front-end frameworks and libraries, with optional persistence to a master design-system document and page overrides.
Supports focused domain lookups (style, color, typography, UX, etc.) to tailor guidance for specific scenarios.
Enables design-system evolution and reuse by exporting actionable guidance that can be applied directly by engineers and designers.

Quick Start

Provide a design-system-focused implementation plan for a landing page based on a vague UI request.

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 turn vague UI requests into a concrete design system?▼

To turn vague UI requests into a design system, infer product type and style direction from the prompt to generate actionable tokens, layout rules, and accessibility constraints. This produces a ready-to-build scaffold with stack-specific implementation notes.

How do I create a color palette and typography system for a landing page?▼

Creating a color palette and typography system for a landing page involves generating compact design tokens and layout rules. The system encodes accessibility constraints and stack-aware implementation notes to produce ready-to-apply visual guidance.

What is the best way to generate accessibility constraints for a design system?▼

The best way to generate accessibility constraints for a design system is by encoding rules for color contrast and typography directly within the generated tokens. This ensures front-end stacks receive ready-to-apply plans meeting accessibility standards.

Can I get stack-specific implementation notes for front-end frameworks?▼

Yes, you can get stack-specific implementation notes for popular front-end frameworks. The generated design system translates tokens, layout rules, and accessibility constraints into stack-aware guidance for engineers to apply directly.

Does this design system generation approach support focused UX reviews?▼

Yes, this design system generation approach supports focused UX reviews through domain lookups. It tailors guidance for specific scenarios like style, color, typography, and UX, enabling design-system evolution by exporting actionable plans.