Use when designing, implementing, reviewing, or improving web and mobile UI/UX. Consults searchable design data for product patterns, styles, palettes, typography, accessibility, charts, icons, and common frontend stacks.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# UI/UX Pro Max
Use the bundled search data to make product-specific interface decisions, then
validate the implemented experience. Treat search results as design evidence,
not as a substitute for reading the existing product, audience, and codebase.
## Use this skill when
- designing or refactoring a page, screen, component, navigation flow, form,
table, chart, design system, or responsive layout;
- choosing or auditing typography, color, spacing, hierarchy, motion, icons,
interaction states, accessibility, or platform conventions;
- implementing a frontend in a supported stack; or
- diagnosing an interface that feels unclear, inconsistent, inaccessible, or
visually unfinished.
Skip it for backend-only, infrastructure-only, database-only, or non-visual
automation work. If a change affects how a feature looks, feels, moves, or is
operated, this skill is relevant.
## Workflow
### 1. Understand the product before choosing a style
Inspect the existing interface and code when present. Establish:
- product type and primary user goal;
- audience, usage context, and accessibility needs;
- current design system, component library, icon set, and frontend stack;
…
The line at the top of this page pins the label git:20260712.ef71354, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_4mfgxze5z6xcu5ge
GET https://markdownregistry.com/api/v1/resolve?ref=sidiangongyuan/codex-skills-library/ui-ux-pro-max
GET https://markdownregistry.com/api/v1/blob/9a6749faca9d6cbb280af387c5aeb2734e1ef3062eeb9d6c1d2f33f513ee319b
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
sidiangongyuan/codex-skills-library · skills/app-bug-forensics/SKILL.md · Use when diagnosing or fixing user-reported application bugs. Guides evidence-backed root-cause analysis from symptoms…
sidiangongyuan/codex-skills-library · skills/app-feature-craft/SKILL.md · Use when implementing or improving a user-facing app workflow. Guides product-grade UX, frontend, backend/API behavior…
sidiangongyuan/codex-skills-library · skills/app-release-readiness/SKILL.md · Use when preparing a desktop or web app update for commit, packaging, installer validation, GitHub publication, release…
sidiangongyuan/codex-skills-library · skills/codex-session-restore/SKILL.md · Use when Codex Desktop sidebar sessions disappear, fail with systemError, or cannot continue after a model_provider…
sidiangongyuan/codex-skills-library · skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
sidiangongyuan/codex-skills-library · skills/experiment-planner/SKILL.md · Use when exploring, continuing, or accepting a deep-learning or computer-science research idea. Converts claims into…
sidiangongyuan/codex-skills-library · skills/feishu-paper-reading/SKILL.md · Search, screen, deeply read, synthesize, and publish recent research papers for a user-specified topic, window, count…
sidiangongyuan/codex-skills-library · skills/github-project-release/SKILL.md · Use when preparing or publishing a local project as a clean GitHub repository. Covers new repositories, private staging…
sidiangongyuan/codex-skills-library · skills/grill-me/SKILL.md · Use when a user asks for or clearly wants to be grilled, interviewed, or to stress-test a plan or design, including…
sidiangongyuan/codex-skills-library · skills/paper-review-panel/SKILL.md · Use when independently reviewing a research-paper draft before submission, running a mock top-conference panel…
sidiangongyuan/codex-skills-library · skills/paper-share-html/SKILL.md · Create or revise audience-ready HTML paper presentations for lab meetings and journal clubs. Use when Codex needs…
awesome-dsh-plugin/awesome-dsh-plugin · .agents/skills/ui-ux-pro-max/SKILL.md · UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing…
coco-research/coco · skills/ui-ux-pro-max/SKILL.md · Use when designing, building or reviewing UI/UX for a web or mobile app: picking styles, color palettes, typography…
kunolu/640-skills · sbtd-workflow-onboard/assets/external-skills/stable/skills/ui-ux-pro-max/SKILL.md · UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing…
julianromli/ai-skills · skills/ui-ux-pro-max/SKILL.md · UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product…
roedyrustam/vibes-plug · skills/ui-ux-pro-max/SKILL.md · Comprehensive design guide & BM25 search engine for web and mobile applications across 11 tech stacks / Panduan desain…
