skills.rest
marktantongco
marktantongcoCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and frontend guidance for web and mobile projects.

2|Updated Mar 31, 2026
Search Tags:#accessibility#react#tailwind#ui-design#ux#design-system#design-tokens
One-click install
npx skills add https://github.com/marktantongco/promptc-os --skill ui-ux-pro-max-marktantongco
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/marktantongco/promptc-os/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/marktantongco/promptc-os --skill ui-ux-pro-max-marktantongco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

UI/UX Pro Max reduces the time and uncertainty of turning product requirements into polished, accessible interfaces by providing concrete design systems, implementation plans, and code-ready recommendations so teams can move from concept to production with fewer iterations.

Core Features & Use Cases

  • Design System Generation: Produces spacing scales, type scales, color tokens, and component rules tailored to a product category or page.
  • Layout & UX Flows: Generates UI concepts, critical user journeys, and error/loading/edge state guidance for web and mobile.
  • Implementation Guidance: Provides file-level edits, acceptance criteria, Tailwind/CSS examples, and framework-specific notes (React, Next.js, Vue, Svelte).
  • Accessibility & QA: Includes WCAG-focused checks, focus states, contrast recommendations, and a pre-delivery checklist.
  • Tooling & References: Bundled local scripts enable multi-domain search and automated design-system outputs; reference docs supply style examples and reasoning rules.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system and Tailwind-ready component guidance for a SaaS dashboard.

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 design system with color tokens and typography scales?▼

To generate a design system, provide your product category or page requirements. The skill outputs implementation-ready color tokens, typography pairings, spacing scales, and component rules tailored to your specific UI needs without external AI dependencies.

Can I use this to convert UX recommendations into React and Tailwind code?▼

Yes, you can convert UX recommendations into React and Tailwind code. The skill provides file-level edits, acceptance criteria, Tailwind/CSS examples, and framework-specific notes for React, Next.js, Vue, and Svelte implementations.

Does this skill perform WCAG accessibility audits for web and mobile layouts?▼

Yes, this skill performs WCAG-focused accessibility audits for web and mobile layouts. It includes contrast recommendations, focus state checks, and a pre-delivery checklist to ensure your interfaces meet accessibility standards.

What is the best way to document UX flows and edge states for a SaaS dashboard?▼

The best way to document UX flows is by generating critical user journeys and edge state guidance. The skill produces UI concepts, error/loading state rules, and actionable frontend guidance for SaaS dashboards across web, iOS, Android, and desktop platforms.

Do I need external AI dependencies to run local scripts for design system persistence?▼

No, you do not need external AI dependencies to run local scripts for design system persistence. The skill bundles local scripts that enable multi-domain search and automated design-system outputs independently.

How do I create component specifications and layout generation for mobile apps?▼

To create component specifications and layout generation for mobile apps, apply the skill to iOS and Android projects. It generates UI concepts, component rules, and UX flows tailored to mobile interfaces with implementation-ready guidance.

Related Skills

Explore More Design & Creative Skills→
ouakarouakar

ui-designer

Define UI design systems and UX specifications bridging BRD and frontend implementation.

Community
Advanced
dejanvasic85dejanvasic85
1

frontend-design

Generates Tailwind and CSS-based designs and layouts for a given text description, with multiple aesthetic options to choose from.

Community
Basic
AgentCTOAgentCTO
1

type-craft

Generate CSS typography and layout systems with mathematical ratios and WCAG checks.

Community
Advanced
miko06miko06

ui-ux-pro-max

Generate design systems from UI/UX pattern databases using Python scripts.

Community
Advanced