UI/UX Pro Max: opinionated end-to-end interface design across 10 stacks
Accessibility-first priority hierarchy, style selection decision tables, palette and font pairing rules, chart-type selector, design token architecture, and quick-wins plus anti-patterns — React to SwiftUI
- What
- Accessibility-first priority hierarchy, style selection decision tables, palette and font pairing rules, chart-type selector, design token architecture, and quick-wins plus anti-patterns — React to SwiftUI
- Cost
- Free
- Needs
- an interface, app, or site to design or build — the skill is guidance the agent follows, not software to install
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @pixel-process-ug's UI/UX Pro Max skill: an opinionated, end-to-end interface design system with a non-negotiable priority hierarchy — Accessibility (WCAG 2.1 AA minimum, 4.5:1 contrast, keyboard navigation, ARIA, reduced-motion) before touch targets (44x44px) before performance (WebP/AVIF, CLS/LCP/FID budgets, font-display swap) before style before layout. It walks five phases with explicit STOP-and-confirm gates: requirements gathering, style selection via context decision tables (SaaS → Minimalism/Swiss/Material 3, portfolio → Brutalism/Maximalism/Glassmorphism, e-commerce, mobile, landing, enterprise, health, finance, kids, luxury), color and typography (per-product palette categories with counts, semantic color tokens, dark-mode remap rules, 10 font pairings, type scale), UX guidelines (navigation, forms, feedback, content layout, mobile rules — 22 numbered rules), and implementation (chart-type decision table by data relationship, patterns for 10 stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, plain HTML/CSS, 3-layer design-token architecture). Finishes with a quick-wins checklist and an anti-patterns table (opacity for disabled text, placeholder-only labels, raw hex in components, modal-on-modal). Honest caveats: the mandatory confirmation gates assume an interactive agent loop — batch/autonomous runs should adapt them; palettes and pairings are recommendations, not a shipped design system; the FLEXIBLE skill type means it follows the hierarchy but adapts style to context. MIT licensed. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: an interface, app, or site to design or build — the skill is guidance the agent follows, not software to install Install "UI/UX Pro Max: opinionated end-to-end interface design across 10 stacks" for me. It gives my agent @pixel-process-ug's UI/UX Pro Max system: the accessibility-first priority hierarchy, five gated phases (requirements, style selection, color/typography, UX guidelines, implementation), style/palette/font decision tables, a chart-type selector, 10-stack implementation patterns (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS), the 3-layer design-token architecture, a quick-wins checklist, and an anti-patterns table. MIT licensed. Repository: https://github.com/pixel-process-ug/superkit-agents/blob/main/templates/skills/ui-ux-pro-max/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "ui-ux-pro-max". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. point the agent at the interface to design or build and confirm the target stack; the skill's STOP-and-confirm gates assume an interactive loop — adapt them for batch runs; treat its palettes and pairings as starting recommendations). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.