skills.rest
Haemeok
HaemeokOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Aggregate multi-domain UI/UX data into a comprehensive design system.

Updated Mar 13, 2025
Search Tags:#automation#design#ui#guidance#ai#design-system#multi-domain
One-click install
npx skills add https://github.com/Haemeok/Capstone-frontend --skill ui-ux-pro-max-haemeok
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Haemeok/Capstone-frontend/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Haemeok/Capstone-frontend --skill ui-ux-pro-max-haemeok

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to create cohesive design systems and scale UI decisions across products. This Skill provides AI-assisted, structured guidance to generate consistent design rules, patterns, and components.

Core Features & Use Cases

  • Automated design system generation across color, typography, spacing, and components.
  • Reasoned recommendations for patterns, accessibility, and responsive layouts tailored to product goals.
  • Real-world workflows: from a SaaS dashboard to marketing landing pages, with repeatable design-system outputs.

Quick Start

Generate a complete UI/UX design system for your project and export a master design guide.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How does automated UI design system generation work?▼

Automated UI design system generation works by aggregating multi-domain UI/UX data to produce comprehensive rules for color, typography, and layout using AI reasoning. It outputs structured Master guides and page overrides in Markdown and ASCII formats.

How do I scale UI decisions across multiple product pages?▼

To scale UI decisions across product pages, this system generates a Master design guide with reasoned patterns and components, allowing optional page overrides for specific contexts like SaaS dashboards or marketing landing pages.

Can I get AI-driven UI guidance for both SaaS dashboards and marketing landing pages?▼

Yes, AI-driven UI guidance supports multi-domain workflows from SaaS dashboards to marketing landing pages. It applies reasoning to select tailored patterns, accessibility rules, and responsive layouts to produce repeatable design-system outputs.

What is included in an AI-generated design system output?▼

An AI-generated design system output includes actionable guidance for color, typography, spacing, and components. It provides a Master guide and optional page overrides, represented visually using ASCII and Markdown formats for clear documentation.

Do I need a specific design framework to generate UI patterns and typography rules?▼

No specific design framework is required as a dependency to generate UI patterns and typography rules. The system operates independently using scripts to aggregate multi-domain data and apply reasoned selection for your design system.

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
trevorflahardytrevorflahardy

ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, and font pairings.

Community
Advanced
emiltsokovemiltsokov

refactoring-ui

Apply fixed scales for spacing, typography, color, and shadows to standardize UI designs.

Community
Advanced
pdovhomiljapdovhomilja

Global Conventions

Organize project directories, files, and documentation using consistent standards.

Community
Basic