Builds an end-to-end UI system for a product — design tokens (color scale, type scale, spacing, radii, shadows), a component inventory covering every interaction state, a layout grid, and WCAG contrast checks — emitted as CSS variables plus a component spec doc. Use when the user says "set up a design system", "create design tokens", "make my app consistent", "define the visual foundation", or before any build that spans more than one screen.
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 — Design Lead
> "Full UI/UX system"
## When to use
- A product is about to be built or rebuilt and needs its foundation first — "set up the design
system for our app".
- Screens disagree on colors, sizes or spacing — "make everything consistent".
- Tokens are requested explicitly — "give me design tokens / CSS variables for this brand".
- A component library is planned — "spec our buttons, inputs and cards with all their states".
- Downstream skills (`frontend-design`, `web-artifacts`) need a system to consume.
## Workflow
1. **Interrogate the product.** Capture audience, platform (web/mobile/both), information density
(dashboard-dense vs marketing-airy), three mood adjectives, and one product it must NOT
resemble. If a BRAND.md exists, inherit its palette and type — never invent parallel ones.
2. **Build the color system.** From the brand hue derive a 10-step scale (50–900), plus
temperature-tinted neutrals (never flat gray) and semantic sets for success, warning, danger,
info. Then map role tokens onto steps: `--color-surface`, `--color-text`, `--color-accent`.
…
The line at the top of this page pins the label git:20260711.2713ff9, 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.
A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (4883 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
pass: No script tag
Source
GitHub
alebgl77/claude-inc · 22 stars · license MIT · pushed 2026-10-22 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_dpxmwwnbtn7os3qp
GET https://markdownregistry.com/api/v1/resolve?ref=alebgl77/claude-inc/ui-ux-pro-max
GET https://markdownregistry.com/api/v1/blob/784ac1b5d449d835ee46b53928f6dc38c04efa26586f671932a5680c03434878
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.
alebgl77/claude-inc · skills/account-research/SKILL.md · Researches a company or person and returns actionable sales intel — what they do, recent signals, likely pains, entry…
alebgl77/claude-inc · skills/ad-creative/SKILL.md · Generates batches of ad concepts — headlines, primary text, and visual briefs — organised by angle and awareness level…
alebgl77/claude-inc · skills/agent-evaluation/SKILL.md · Measures a skill's practical value with fixed business tasks, paired with-skill and without-skill trials, explicit…
alebgl77/claude-inc · skills/agent-reliability/SKILL.md · Diagnoses AI workflow failures from reproducible evidence, defines operational measures, and prepares a bounded…
alebgl77/claude-inc · skills/ai-adoption-lead/SKILL.md · Turns a reviewed AI workflow into a bounded team pilot with practical instructions, acceptance evidence, feedback, and…
alebgl77/claude-inc · skills/ai-data-steward/SKILL.md · Creates a minimal, sourced, versioned context contract for AI-assisted work across teams, including freshness, quality…
alebgl77/claude-inc · skills/ai-seo/SKILL.md · Optimizes content to get cited by AI assistants (ChatGPT, Perplexity, Google AI Overviews) and rank in classic SERPs —…
alebgl77/claude-inc · skills/ai-workflow-architect/SKILL.md · Designs a bounded AI-assisted process across departments with explicit inputs, ownership, handoff contracts, acceptance…
alebgl77/claude-inc · skills/audit-support/SKILL.md · Gets the books audit-ready: builds the PBC (prepared-by-client) list by area, drafts walkthrough narratives for key…
alebgl77/claude-inc · skills/brand-guidelines/SKILL.md · Generates a brand kit from a company one-liner — positioning adjectives, a palette with hex codes, usage ratios and…
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…
