skills.rest
ravnhq
ravnhqOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate cohesive design systems from multi-domain UI resources.

3|Updated Apr 3, 2026
Search Tags:#typography#workflow#accessibility#design-system#ui-patterns#ai-assisted#color-palette
One-click install
npx skills add https://github.com/ravnhq/typescript-blueprint --skill ui-ux-pro-max-ravnhq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ravnhq/typescript-blueprint/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ravnhq/typescript-blueprint --skill ui-ux-pro-max-ravnhq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to assemble cohesive design systems from disparate patterns, color tokens, and typography rules, leading to inconsistent experiences and slower delivery.

Core Features & Use Cases

  • AI-assisted design system generation across product patterns, color, typography, and layout guidelines
  • Multi-domain search and reasoning to surface best-matching styles and components
  • Persist master design system with page-specific overrides for scalable collaboration

Quick Start

Provide a design brief such as "SaaS dashboard for fintech" to generate a complete design system with style, colors, typography, and components.

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 generate a cohesive design system from disparate UI patterns and color tokens?▼

Generate a cohesive design system by analyzing multi-domain UI resources to produce matching styles, colors, and typography, solving inconsistent experiences and slower delivery.

What is the best way to manage page-specific overrides for a web and mobile design system?▼

The best way to manage overrides is using a master-overrides workflow that persists the master design system while allowing page-level layout and component overrides for scalable collaboration.

How do I choose UI patterns and typography guidelines for a new mobile app?▼

Choose UI patterns and typography guidelines through multi-domain search and automated reasoning that surfaces best-matching styles and components tailored to your specific mobile app brief.

Can I use AI-assisted reasoning to build a color palette for a specific product type?▼

Yes, AI-assisted reasoning can build a color palette by synthesizing design guidance from multi-domain UI resources to target the specific style, layout guidelines, and components of your product type.

Does this approach to design system generation require external dependencies?▼

No, this approach to design system generation requires no external dependencies, allowing you to directly produce layout guidelines and typography rules without configuring additional framework integrations.

When should I not use automated reasoning for creating UI design systems?▼

Avoid automated reasoning for UI design systems when your project requires highly bespoke, non-standard interface patterns that cannot be synthesized from existing multi-domain UI resources and standard layout guidelines.

Related Skills

Explore More Design & Creative Skills→
enunoenuno
14

ui-ux-pro-max

Search a UI/UX design knowledge base with BM25 ranking for styles, palettes, fonts, and stack guidelines.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

terracotta

Generates design tokens and component guidelines for editorial interfaces.

Community
Intermediate
NolanPicNolanPic

Frontend Accessibility

Enforce WCAG compliance in frontend UI code with semantic HTML and ARIA.

Community
Basic
ev3rlitev3rlit

ui-ux-pro-max

Generate UI/UX design systems with patterns, palettes, typography, and guidelines.

Community
Advanced