skills.rest
rohit-vc26
rohit-vc26COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/rohit-vc26/claude-power-kit --skill ui-ux-pro-max-rohit-vc26
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
qazuorqazuor

frontend-design

Guide UI teams through pre-coding design foundations for typography, color, and layout.

Community
Basic
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced
JamkrisJamkris
86

design-system

Generate design tokens and audit UI consistency for web interfaces.

Community
Advanced