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 georgekhananaev/claude-skills-vault --skill ui-ux-pro-maxgit clone --depth 1 https://github.com/georgekhananaev/claude-skills-vaultWrote 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/georgekhananaev/claude-skills-vault/ui-ux-pro-max)<a href="https://agentmods.dev/skills/georgekhananaev/claude-skills-vault/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/georgekhananaev/claude-skills-vault/ui-ux-pro-max/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/georgekhananaev/claude-skills-vault/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/georgekhananaev/claude-skills-vault/ui-ux-pro-max.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.00221 | $0.03378 |
| Opus 5 | $0.00111 | $0.01689 |
| Sonnet 5 | $0.00044 | $0.00676 |
| Haiku 4.5 | $0.00022 | $0.00338 |
Grade B, and why
ui-ux-pro-max scanned grade B with 1 finding 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 9d 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.
Asks for rootmediumPrivilege escalation
A mod that escalates privileges can change anything on the machine, not only the project.
sudo apt update && sudo apt install python3 This is a copy
89% identical to ui-ux-pro-max — 737 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 352 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI/UX Pro Max - Design Intelligence
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.
When to Apply
Reference these guidelines when:
- Designing new UI components or pages
- Choosing color palettes and typography
- Reviewing code for UX issues
- Building landing pages or dashboards
- Implementing accessibility requirements
Rule Categories by Priority
| Priority | Category | Impact | Domain |
|---|---|---|---|
| 1 | Accessibility | CRITICAL | ux |
| 2 | Touch & Interaction | CRITICAL | ux |
| 3 | Performance | HIGH | ux |
| 4 | Layout & Responsive | HIGH | ux |
| 5 | Typography & Color | MEDIUM | typography, color |
| 6 | Animation | MEDIUM | ux |
| 7 | Style Selection | MEDIUM | style, product |
| 8 | Charts & Data | LOW | chart |
Quick Reference
1. Accessibility (CRITICAL)
color-contrast- Minimum 4.5:1 ratio for normal textfocus-states- Visible focus rings on interactive elementsalt-text- Descriptive alt text for meaningful imagesaria-labels- aria-label for icon-only buttonskeyboard-nav- Tab order matches visual orderform-labels- Use label with for attribute
2. Touch & Interaction (CRITICAL)
touch-target-size- Minimum 44x44px touch targetshover-vs-tap- Use click/tap for primary interactionsloading-buttons- Disable button during async operationserror-feedback- Clear error messages near problemcursor-pointer- Add cursor-pointer to clickable elements
3. Performance (HIGH)
image-optimization- Use WebP, srcset, lazy loadingreduced-motion- Check prefers-reduced-motioncontent-jumping- Reserve space for async content
4. Layout & Responsive (HIGH)
viewport-meta- width=device-width initial-scale=1readable-font-size- Minimum 16px body text on mobilehorizontal-scroll- Ensure content fits viewport widthz-index-management- Define z-index scale (10, 20, 30, 50)
What ships with it
26 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- data/charts.csv 7.5 KB
- data/colors.csv 13 KB
- data/icons.csv 13 KB
- data/landing.csv 14 KB
- data/products.csv 29 KB
- data/prompts.csv 17 KB
- data/react-performance.csv 14 KB
- data/stacks/flutter.csv 10 KB
- data/stacks/html-tailwind.csv 11 KB
- data/stacks/nextjs.csv 12 KB
- data/stacks/nuxt-ui.csv 14 KB
- data/stacks/nuxtjs.csv 16 KB
- data/stacks/react-native.csv 9.8 KB
- data/stacks/react.csv 13 KB
- data/stacks/shadcn.csv 16 KB
- data/stacks/svelte.csv 11 KB
- data/stacks/swiftui.csv 11 KB
- data/stacks/vue.csv 11 KB
- data/styles.csv 40 KB
- data/typography.csv 31 KB
- data/ui-reasoning.csv 30 KB
- data/ux-guidelines.csv 18 KB
- data/web-interface.csv 7.3 KB
- scripts/core.py 10 KB runs code
- scripts/design_system.py 20 KB runs code
- scripts/search.py 3.1 KB runs code
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.
- 9d ago First seen · 352 lines · 221 tokens per session scan B fff024e58ee4
ui-ux-pro-max is a skill published in the GitHub repository georgekhananaev/claude-skills-vault (28 stars, last pushed 1mo ago), licensed MIT. It adds 221 tokens to every session and 3,378 once invoked, about $0.0011 per session on Opus 5. A static security scan graded it B with 1 finding (asks for root). It is 89% identical to ui-ux-pro-max, differing in 737 lines, and is treated as a copy.
Other skills, from other repositories
html-to-bricks
Use when the user says 'convert this html to bricks' or 'paste html into bricks', or has a Webflow, Framer, CodePen, or old static export to bring into a Bricks site. Converts raw HTML and CSS into native Bricks elements, mapping colors, type, and spacing to design tokens, plus ACSS classes when installed.
frontend-design
A frontend design skill for building distinctive, production-ready web pages, components, and applications.
shiny-bslib-theming
Advanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bstheme(), Bootswatch themes, custom colors, typography, brand.yml integration, Bootstrap Sass variables, custom Sass/CSS rules, dark mode and color modes, dynamic theme switching, real-time theming, theme inspection…
interaction-skill
Layer A interaction-mechanics reference anchored to the beui.dev catalog. Stacks on any style skill whenever work adds or changes motion or interaction — micro-interactions, animated components, transitions, gestures, hover/press/state feedback, loading/success/error morphs, 'make it feel alive'. Mandates reading the…
shiny-bslib
Build modern Shiny dashboards and applications using bslib (Bootstrap 5). Use when creating new Shiny apps, modernizing legacy apps (fluidPage, fluidRow/column, tabsetPanel, wellPanel, shinythemes), or working with bslib page layouts, grid systems, cards, value boxes, navigation, sidebars, filling layouts, theming…
layout-skill
Layer A layout-mechanics reference. Stacks on any style skill when the screen is an app shell, dashboard, settings, list-detail, mail/inbox, or any layout with fixed regions plus a scrolling body — or when a layout breaks under long, empty, or unbroken content. Owns spatial structure and scroll ownership; owns zero…