ui-ux-pro-max

Front-end UI/UX design intelligence for creating, reviewing, and hardening polished product interfaces across web, mobile, dashboards, SaaS, ecommerce, and content-heavy apps.

Jump to install

Repository: seaworld008/Commonly-used-high-value-skills
Last source activity: June 29, 2026 at 03:04
Detected SKILL.md language: English
Stars: 64
Forks: 10

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/seaworld008/Commonly-used-high-value-skills --skill ui-ux-pro-max

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

agent-hub

Multi-agent collaboration plugin that spawns N parallel subagents competing on the same task via git worktree isolation. Agents work independently, results are evaluated by metric or LLM judge, and the best branch is merged. Use when: user wants multiple approaches tried in parallel — code optimization, content variation, research exploration, or any task that benefits from parallel competition. Requires: a git repo.

2026-07-27

agent-workflow-designer

Design production-grade multi-agent orchestration systems. Covers five core patterns (sequential pipeline, parallel fan-out/fan-in, hierarchical delegation, event-driven, consensus), platform-specific implementations, handoff protocols, state management, error recovery, context window budgeting, and cost optimization.

2026-07-27

app-store-optimization

App Store Optimization toolkit for researching keywords, optimizing metadata, and tracking mobile app performance on Apple App Store and Google Play Store.

2026-07-27

View all from this repository

UI/UX Pro Max

Use this skill when an agent must make front-end work look intentional, usable, accessible, and appropriate for the product domain. It is a design intelligence layer for turning vague UI requests into concrete design decisions, implementation constraints, and review gates.

The skill is inspired by the public ui-ux-pro-max workflow, but this repository version is self-contained: it does not require a bundled database, CLI, or hidden scripts. Use it as a rigorous design reasoning system that pairs well with React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and plain HTML/CSS.

When to Use

Creating a new page, flow, dashboard, admin panel, landing page, app screen, or design system.

Improving an interface that feels generic, unbalanced, cramped, overdecorated, or hard to scan.

Choosing color systems, typography, spacing, layout density, chart treatment, or component states.

Refactoring UI code where the visual result matters as much as the code structure.

Auditing accessibility, responsive behavior, visual hierarchy, form feedback, or interaction quality.

Translating a product domain into an interface personality, such as fintech, healthcare, education, developer tools, marketplaces, media, or internal operations.

Building with component systems such as shadcn/ui, Radix, Chakra, MUI, Ant Design, Headless UI, or native platform controls.

Reviewing whether AI-generated UI output has fallen into common patterns such as giant hero sections, repetitive cards, low contrast gray text, random gradients, or decorative motion.

Skip When

The task is pure backend logic, infrastructure, data modeling, or batch scripting.

The user explicitly asks for no design changes.

The requested change is a tiny copy edit that cannot affect layout, affordance, or accessibility.

A formal design file is provided and the task is only to implement it exactly. In that case, use the design file as the source of truth, then use this skill only for accessibility and implementation checks.

Core Capabilities

Convert product intent into a design brief: audience, domain, device mix, density, tone, primary jobs, and risk areas.

Select an appropriate visual direction without defaulting to a one-note palette or generic SaaS layout.

Define a practical token set for color, type, spacing, radius, shadows, motion, and state layers.

Design screens around task success: information hierarchy, progressive disclosure, clear calls to action, and predictable navigation.

Check accessibility early: contrast, labels, keyboard behavior, focus states, reduced motion, and screen-reader semantics.