skills.rest
Tx1207
Tx1207COMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
TugoukezhangTugoukezhang
8

ui-ux-pro-max

Generate design systems with tokens and cross-stack implementation guidance.

Community
Advanced
ihlamuryihlamury
73

ramp-ui-skills

Enforce Ramp UI design constraints for light-mode interfaces with Inter font and 4px grid.

Community
Intermediate
Cor-IncorporatedCor-Incorporated
4

ui-design-system

Generate design tokens, component documentation, and responsive layout calculations in JSON, CSS, and SCSS.

Official
Advanced
SharmaAnurag99SharmaAnurag99

designing-beautiful-websites

Generate UX/UI design plans with briefs, IA, wireframes, and design tokens.

Community
Advanced