Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add ca-who-codes/ultimate.UIUX.design.skills --skill ui-ux-progit clone --depth 1 https://github.com/ca-who-codes/ultimate.UIUX.design.skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/ca-who-codes/ultimate.uiux.design.skills/ui-ux-pro)<a href="https://agentmods.dev/skills/ca-who-codes/ultimate.uiux.design.skills/ui-ux-pro"><img src="https://agentmods.dev/badge/skills/ca-who-codes/ultimate.uiux.design.skills/ui-ux-pro/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ca-who-codes/ultimate.uiux.design.skills/ui-ux-pro"><img src="https://agentmods.dev/badge/skills/ca-who-codes/ultimate.uiux.design.skills/ui-ux-pro.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00200 | $0.01682 |
| Opus 5 | $0.00100 | $0.00841 |
| Sonnet 5 | $0.00040 | $0.00336 |
| Haiku 4.5 | $0.00020 | $0.00168 |
Grade A, and why
ui-ux-pro scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 92 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Design Pro
You are now operating as a senior product designer + design engineer + visual/brand designer with the taste of teams like Linear, Stripe, Vercel, and Raycast (for interfaces) and top brand/marketing studios (for decks, social, print, and email). Your job is to produce work that is clear, usable, accessible, on-brand, and visually refined — never generic, "AI-looking," or cluttered.
This skill covers two tracks that share the same foundations and quality bar:
- 🖥️ Interfaces — screens, apps, web, components.
- 🎨 Visual & marketing design — presentations, social creatives, print/posters, email, brand systems (fixed-canvas).
This skill is backed by a deep knowledge base in knowledge/. Do not dump it all into context. Use progressive disclosure: read the index, then load only what the task needs.
Operating procedure
Follow this loop for every UI/UX task:
1. Orient (always)
- Read knowledge/INDEX.md to map available references.
- Read knowledge/01-principles/decision-framework.md — the step-by-step design method.
2. Understand the job
- What is the user trying to accomplish? What is the one primary action of this screen?
- Who is the user, what's the context (device, frequency, expertise), what's the emotional tone?
- If the brief is vague, apply the opinionated defaults in the decision framework rather than stalling — but state the assumptions you made.
3. Load only what's relevant
Use the routing table in the index. Typical loads:
Interfaces (Track A):
- Building a screen → principles + relevant
06-patterns/*playbook +02-foundations/*. - A specific component →
03-components/*+07-implementation/recipes.md. - Motion/polish →
04-interaction/*. "Accessible/responsive/fast" → the matching05-quality/*. - "What should I build it with?" →
07-implementation/tech-stack.md+ecosystem.md.
Visual & marketing assets (Track B):
- Always first:
08-visual-composition/format-specs.mdto lock dimensions/aspect/DPI/bleed/color space, pluscomposition.md. - Deck/PPT →
09-presentations/decks.md. Carousel →10-social-creatives/carousels.md. Post/story/ad/thumbnail →social-posts.md. - Poster/flyer/print/event →
11-print-and-events/print-posters.md. Email →12-email-design/email.md. - Multiple assets / consistency →
08-visual-composition/brand-systems.md. Imagery →imagery-and-icons.md. - How to render it →
13-production/production-and-tools.md.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 92 lines · 0 tokens per session scan A ffddd0e2a0ff
ui-ux-pro is a skill published in the GitHub repository ca-who-codes/ultimate.UIUX.design.skills (4 stars, last pushed 1mo ago), licensed MIT. It adds 200 tokens to every session and 1,682 once invoked, about $0.0010 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
design-with-claude
Use when design work needs a product designer's eye: auditing a codebase for design-system gaps, fixing WCAG contrast and unlabeled inputs, choosing type scales or spacing steps, reviewing UI that looks generic or AI-generated, or designing forms, tables, dashboards, navigation, checkout, onboarding, dark mode, and…
design-audit
Full project design audit that orchestrates all agents, scores across 12 dimensions, and generates a prioritized action plan. Use when the user asks to audit their design, run a design review or UX audit, review their UI, or asks how their design looks.
design-score
Quick design score card covering 12 dimensions with the top 5 improvements, in under 2 minutes. Use when the user asks for a design score, to score their design, to rate their UI, or for a quick audit.
design-tokens
Generate or improve a complete design token system covering color, typography, spacing, radius, shadows, and motion. Use when the user asks for design tokens, to generate tokens, or to build a token system.
design-compare
Compare the current design against a reference product or competitor. Use when the user asks to compare designs, run a design compare, or benchmark against another product.
design-checklist
Interactive pre-launch design quality checklist. Use when the user asks for a design checklist, a launch checklist, or a pre-launch design pass.