skills.rest
cpp-for-everything
cpp-for-everythingOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with MASTER.md and per-page overrides.

1|Updated Mar 8, 2024
Search Tags:#markdown#persistence#ui-ux#design-system#design-guidelines#multi-domain#ascii-output
One-click install
npx skills add https://github.com/cpp-for-everything/ORM --skill ui-ux-pro-max-cpp-for-everything
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/cpp-for-everything/ORM/tree/main/.windsurf/skills/ui-ux-pro-max
Command: npx skills add https://github.com/cpp-for-everything/ORM --skill ui-ux-pro-max-cpp-for-everything

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines the creation of cohesive UI/UX design systems by aggregating multi-domain guidance into a single, actionable plan that can be reused across projects.

Core Features & Use Cases

  • Design System Generation: Aggregates searches across style, color, typography, landing, and UX domains to produce a complete design system with patterns, rules, and best practices.
  • Master + Overrides Persistence: Generates a MASTER.md as the global source of truth and optional page-specific overrides to tailor guidelines per screen or workflow.
  • Multi-domain Reasoning & Output Formats: Synthesize insights with reasoning rules, then deliver outputs in ASCII box or Markdown for documentation and handoff.
  • Real-world Use Case: A SaaS dashboard project receives a ready-to-implement design system with color palettes, typography, and component guidelines, reducing design-to-dev handoff time.

Quick Start

Run the design system generator with your UI/UX query to produce a ready-to-use design system.

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 comprehensive UI/UX design system for a SaaS dashboard?▼

To generate a UI/UX design system, you run a query to aggregate multi-domain guidance across style, color, typography, and layout. This produces a ready-to-implement plan with patterns and best practices, reducing design-to-dev handoff time.

What is the best way to document and persist UI design guidelines across multiple pages?▼

The best way to persist UI design guidelines is by generating a MASTER.md file as the global source of truth, supplemented by optional page-specific overrides to tailor rules per screen or workflow.

Can I output my UI design system in Markdown and ASCII formats for documentation?▼

Yes, you can output your UI design system in both Markdown and ASCII box formats. These options synthesize multi-domain reasoning insights into structured documentation suitable for team handoff.

Does this design system generator support multiple design domains like color and typography?▼

Yes, the design system generator orchestrates searches across multiple domains including color, typography, style, landing pages, and UX best practices to aggregate a complete and cohesive set of design rules.

How do I apply page-specific overrides to a master UI design system file?▼

You apply page-specific overrides by generating tailored guidelines alongside the global MASTER.md file. This allows you to customize the foundational design system rules for individual screens or workflows.

Are stack-specific guidelines available when creating a design system?▼

Yes, optional stack-specific guidelines are supported when creating a design system. These are synthesized alongside multi-domain reasoning to provide actionable patterns for specific technical stacks.

Related Skills

Explore More Design & Creative Skills→
bahayonghangbahayonghang
16

ui-ux-pro-max

Search a curated knowledge base for UI/UX design guidance and generate structured recommendations.

Community
Advanced
Lin-0096Lin-0096

ui-ux-pro-max

Generate unified UI/UX design systems with style, color, typography, and component recommendations.

Community
Advanced
majesticlabs-devmajesticlabs-dev
47

mermaid-builder

Generate syntactically valid Mermaid diagrams for flowcharts, sequence, class, state, Gantt, ER, and data lineage.

Official
Advanced
Charles5277Charles5277

ui-ux-pro-max

Generate UI/UX design systems and guidelines from multi-domain inputs.

Community
Advanced