ui-ux-pro-max

Interpret DESIGN.md files to generate design-system-compliant interface specs.

1|Updated Apr 9, 2026

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

Ready to run

npx skills add https://github.com/rohit-vc26/claude-power-kit --skill ui-ux-pro-max-rohit-vc26

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/rohit-vc26/claude-power-kit/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/rohit-vc26/claude-power-kit --skill ui-ux-pro-max-rohit-vc26

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve؟

Enables teams to design web and mobile interfaces by reading and applying a project DESIGN.md design system, ensuring consistency, accessibility, and efficient decision-making across pages and components.

Core Features & Use Cases

Reads and enforces tokens from the project's DESIGN.md to maintain visual and interaction consistency.
Generates design options within established constraints (colors, typography, spacing) and evaluates accessibility.
Provides component specifications, naming guidance, and usage rules for dashboards, landing pages, and mobile interfaces.
Use Case: when designing a new dashboard page, request a system-compliant layout with typography and color decisions.

Quick Start

Design a system-compliant dashboard page using the DESIGN.md constraints.

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 enforce design system tokens when creating UI components?▼

To enforce design system tokens when creating UI components, this Skill reads your project's DESIGN.md file and outputs component specifications consistent with your established colors, typography, and spacing constraints.

Can I generate accessible color palettes and typography combinations from a DESIGN.md file?▼

Yes, you can generate accessible color palettes and typography combinations by having the Skill interpret your DESIGN.md file, which evaluates accessibility and provides system-compliant design options within your constraints.

What is the best way to design a system-compliant dashboard layout?▼

The best way to design a system-compliant dashboard layout is to use system-aware guidance that applies your DESIGN.md constraints, generating layout recommendations and component specs that ensure visual and interaction consistency.

Does this approach work for both web and mobile interface design?▼

Yes, this design system approach works for both web and mobile interface design, enforcing tokens and providing naming guidance and usage rules for pages and components across both platforms.

Do I need a DESIGN.md file to get UI and UX recommendations?▼

Yes, you need a DESIGN.md file to get UI and UX recommendations, because the Skill interprets this file to enforce design tokens and ensure your interface creation maintains consistency with the project's design system.