skills.rest
EmaRimoldi
EmaRimoldiCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Translate vague UI requests into concrete design system blueprints.

Updated Mar 27, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#palette#design-review#frontend-guidance
One-click install
npx skills add https://github.com/EmaRimoldi/Claude-scholar-extended --skill ui-ux-pro-max-emarimoldi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/EmaRimoldi/Claude-scholar-extended/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/EmaRimoldi/Claude-scholar-extended --skill ui-ux-pro-max-emarimoldi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Translate vague UI requests into a practical, reusable design system that provides concrete guidance for implementation.

Core Features & Use Cases

  • Infer product type, platform, and style signals to generate a cohesive design system blueprint (palette, typography, tokens, and components).
  • Provide stack-aware implementation guidance across common frontend ecosystems and accessibility considerations.
  • Offer a portable artifact with design-system master notes and per-page overrides for multi-page projects.

Quick Start

Provide a concrete design-system plan for the given UI request with stack-aware 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 turn vague UI requests into a structured design system?▼

To turn vague UI requests into a design system, provide initial concepts to infer product type and style signals. You receive a cohesive blueprint with color palettes, typography, tokens, and components for implementation.

What is included in a generated design system blueprint?▼

A design system blueprint includes a cohesive color palette, typography rules, design tokens, and component definitions. It also provides master notes with per-page overrides for multi-page projects.

How do I check accessibility and typography rules for my frontend UI?▼

To check accessibility and typography for your frontend UI, apply the design review process to evaluate color framing and contrast. You receive stack-aware guidance and actionable accessibility considerations.

Can I get frontend implementation guidance for a specific tech stack?▼

Yes, you can get frontend implementation guidance for a specific tech stack. The system provides stack-aware instructions to translate design tokens and components directly into your frontend ecosystem.

What is the best way to review an existing UI and generate design tokens?▼

The best way to review an existing UI and generate design tokens is to run a design review. This evaluates typography and color framing to produce a portable, reusable design-system artifact.

Do I need an existing design file to generate a color palette and typography system?▼

No, you do not need an existing design file to generate a color palette and typography system. The process infers product type and platform signals directly from vague UI requests to output a cohesive plan.

Related Skills

Explore More Design & Creative Skills→
tblakex01tblakex01
1

design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion guidance.

Community
Advanced
rodrigorjsfrodrigorjsf
1

web-frontend-design

Validate JSX, CSS, and Tailwind usage against UI design principles.

Community
Advanced
abbas133abbas133
1

ui-ux-expert

Guide teams in designing accessible, scalable UI with design tokens and WCAG compliance.

Community
Advanced
ArieGoldkinArieGoldkin

design-to-production

Convert HTML prototypes into React components with shadcn/ui and validation.

Community
Intermediate