skills.rest
ControlNet
ControlNetCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile interfaces.

9|1|Updated Jan 27, 2026
Search Tags:#typography#react#tailwind#ui-ux#design-system#color-palette#ux-guidelines
One-click install
npx skills add https://github.com/ControlNet/oma-dotfile --skill ui-ux-pro-max-controlnet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ControlNet/oma-dotfile/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ControlNet/oma-dotfile --skill ui-ux-pro-max-controlnet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Rapidly produces a coherent, prioritized design system and implementation guidance to remove uncertainty and speed delivery when designing or fixing web and mobile interfaces. It centralizes style, color, typography, UX rules, chart guidance, and stack-specific recommendations so teams avoid ad-hoc decisions and inconsistent UI.

Core Features & Use Cases

  • Design system generation: Aggregates product, style, color, landing, and typography recommendations into a single MASTER file and optional page overrides.
  • Searchable guidance: BM25-backed searches across domains (style, color, typography, ux, charts, stacks) for targeted recommendations and anti-patterns.
  • Stack-specific implementation: Provides practical guidance for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, Flutter and more, plus persistence to a project folder for hierarchical overrides.
  • Use Case: Create a complete design system for a SaaS dashboard, persist MASTER.md for the project, and generate a page override for the dashboard checkout flow.

Quick Start

Ask the skill to generate a complete design system by describing the product and style, for example: generate a design system for a SaaS dashboard with a professional minimal style and save it as "Serenity Spa".

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 complete design system for a React or Next.js SaaS dashboard?▼

To generate a design system for a SaaS dashboard, describe your product and style. The tool outputs a MASTER file with prioritized color palettes, typography, UX rules, and stack-specific implementation details for frameworks like React or Next.js.

Can I get UI/UX guidance and color palettes for Tailwind CSS projects?▼

Yes, you can get UI/UX guidance for Tailwind CSS projects. It provides practical recommendations for styles, color palettes, typography, and UX rules specifically tailored for html-tailwind stacks to ensure consistent interfaces.

What is the best way to create consistent typography and UX rules across mobile and web interfaces?▼

The best way to create consistent typography and UX rules across mobile and web interfaces is generating a centralized design system. It aggregates style, color, and UX recommendations into a single file to prevent ad-hoc decisions and inconsistent UI.

Does this UI/UX design tool work with Flutter and SwiftUI for mobile screens?▼

Yes, this UI/UX design tool works with Flutter and SwiftUI. It provides stack-specific implementation guidance and actionable UX rules for mobile screens across multiple frameworks, including Flutter, SwiftUI, React, and Svelte.

How do I save and persist design system overrides for specific landing pages or checkout flows?▼

To save and persist design system overrides, generate a MASTER.md file for the project, then create hierarchical page overrides for specific flows like checkout. This persistence allows targeted recommendations without losing the base design system.

Do I need external Python packages to run these UX guidelines and design system searches?▼

No, you do not need external Python packages to run UX guidelines and design system searches. It performs BM25-backed searches across style, color, and typography domains using included Python scripts and local CSV data entirely offline.

Related Skills

Explore More Design & Creative Skills→
majiayu000majiayu000
258

ui-ux-pro-max

Generate design systems and pre-delivery UI/UX reviews for web and mobile stacks.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
erikstmartinerikstmartin
16

tailwind-design-system

Implement a Tailwind v4 design system with semantic tokens and CVA components.

Community
Advanced
bymaxonebymaxone

ui-ux-pro-max

Generate UI design systems with styles, color palettes, and typography recommendations.

Official
Advanced