Ui Ux Pro Max
This is the opinionated design system you reach for when you need to ship a real interface, not just make it look pretty. It walks you through a strict priority hierarchy starting with accessibility and performance before touching aesthetics, which honestly should be standard but isn't. You get concrete palette recommendations mapped to product types (24 for SaaS alone), font pairings that actually work, and a decision table that tells you glassmorphism for landing pages or Swiss design for enterprise tools. The standout bit is how it forces you to stop and confirm requirements before generating anything, preventing the usual "here's a beautiful button that fails WCAG" problem. Covers everything from color tokens to UX heuristics to dark mode remapping rules.
- skills.sh installs
- 1.2K
- GitHub stars
- 3
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pixel-process-ug/superkit-agents --skill ui-ux-pro-max --agent claude-codeInstalls into .claude/skills of the current project.
Files
UI/UX Pro Max
Overview
A comprehensive UI/UX design intelligence system that combines visual design expertise with engineering rigor. This skill provides opinionated, production-ready guidance covering style selection, color palettes, typography, UX heuristics, data visualization, and multi-stack implementation. Every recommendation is filtered through a strict priority hierarchy that ensures accessibility and performance are never sacrificed for aesthetics.
Phase 1: Requirements Gathering
- Identify the product type and target audience
- Determine platform(s) (web, mobile, desktop)
- Assess existing brand guidelines or design system
- Define accessibility requirements
- Set performance budgets
STOP — Confirm requirements with user before making design recommendations.
Priority Hierarchy (Non-Negotiable Order)
Do NOT skip or reorder these priorities. Accessibility always comes first.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/pixel-process-ug/superkit-agents
- Categories
- Frontend Development, Documentation, Code Review & Quality, Design & UI/UX
- First seen
- May 16, 2026
Recommended
More Frontend Development
vercel-react-best-practicesam-will/codex-skillsReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c1.2Kskills.sh installs
responsive-web-designaj-geddes/useful-ai-promptsCreate responsive layouts using CSS Grid, Flexbox, media queries, and mobile-first design. Use when building adaptive interfaces that work across all devices.1.1Kskills.sh installs
create-componentadobe/skillsCreates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components. W1.1Kskills.sh installs
tailwind-capacitorcap-go/capgo-skillsGuide to using Tailwind CSS in Capacitor mobile apps. Covers mobile-first design, touch targets, safe areas, dark mode, and performance optimization. Use this s1Kskills.sh installs
email-html-mjmlframix-team/skill-email-html-mjmlResponsive HTML email template generation using MJML 4.x framework. Use when the user asks to create, generate, design, or build an email template — including w998skills.sh installs
react-usehairyf/skillsCollection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management851skills.sh installs