Borrowing it
Nothing to install: this file belongs to CGSOG-JumpStarts/JumpStart-AutoNav. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/CGSOG-JumpStarts/JumpStart-AutoNav/main/.github/skills/ui-ux-pro-max/SKILL.mdgit clone --depth 1 https://github.com/CGSOG-JumpStarts/JumpStart-AutoNavWrote 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/cgsog-jumpstarts/jumpstart-autonav/ui-ux-pro-max)<a href="https://agentmods.dev/skills/cgsog-jumpstarts/jumpstart-autonav/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/cgsog-jumpstarts/jumpstart-autonav/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/cgsog-jumpstarts/jumpstart-autonav/ui-ux-pro-max"><img src="https://agentmods.dev/badge/skills/cgsog-jumpstarts/jumpstart-autonav/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.00062 | $0.02442 |
| Opus 5 | $0.00031 | $0.01221 |
| Sonnet 5 | $0.00012 | $0.00488 |
| Haiku 4.5 | $0.00006 | $0.00244 |
Grade A, and why
ui-ux-pro-max 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 12d 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 — 267 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI UX Pro Max
Comprehensive design intelligence for web and mobile applications. Provides a searchable database of UI styles, colour palettes, typography pairings, UX guidelines, chart recommendations, and stack-specific best practices with an AI-powered design system generator.
When to Apply
Reference these guidelines when:
- Designing new UI components or pages
- Choosing colour palettes and typography
- Reviewing code for UX issues
- Building landing pages or dashboards
- Implementing accessibility requirements
- Generating or validating a design system
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 & Colour | MEDIUM | typography, color |
| 6 | Animation | MEDIUM | ux |
| 7 | Style Selection | MEDIUM | style, product |
| 8 | Charts & Data | LOW | chart |
Prerequisites
The design system generator and search tool require Python 3.x:
python3 --version || python --version
How to Use This Skill
When performing UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:
Step 1: Analyse User Requirements
Extract key information from the request:
- Product type: SaaS, e-commerce, portfolio, dashboard, landing page, etc.
- Style keywords: minimal, playful, professional, elegant, dark mode, etc.
- Industry: healthcare, fintech, gaming, education, etc.
- Stack: React, Vue, Next.js, or default to
html-tailwind
Step 2: Generate Design System (REQUIRED)
Always start with --design-system to get comprehensive recommendations with reasoning:
python3 .jumpstart/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]
This command:
- Searches 5 domains in parallel (product, style, colour, landing, typography)
- Applies reasoning rules from
ui-reasoning.csvto select best matches - Returns complete design system: pattern, style, colours, typography, effects
- Includes anti-patterns to avoid
What ships with it
27 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.4 KB
- data/colors.csv 9.4 KB
- data/icons.csv 13 KB
- data/landing.csv 14 KB
- data/products.csv 29 KB
- data/react-performance.csv 14 KB
- data/stacks/astro.csv 12 KB
- data/stacks/flutter.csv 10 KB
- data/stacks/html-tailwind.csv 11 KB
- data/stacks/jetpack-compose.csv 8.0 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.7 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 94 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.0 KB runs code
- scripts/design_system.py 43 KB runs code
- scripts/search.py 5.3 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.
- 12d ago First seen · 267 lines · 62 tokens per session scan A 0ac6752d4163
ui-ux-pro-max is a skill published in the GitHub repository CGSOG-JumpStarts/JumpStart-AutoNav (10 stars, last pushed 4mo ago), licensed MIT. It adds 62 tokens to every session and 2,442 once invoked, about $0.0003 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
ui-ux-pro-max
Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.
ui-design
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
design-system
Document and define UI design system tokens, components, and guidelines.
design
Use when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design review. Brand-grounded and research-first; ships Tailwind v4 + Next.js 15 under WCAG 2.2 AA and Core Web Vitals budgets. NOT the words on…
anti-ui-slop
Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.
brand-identity
Use when a project needs its visual foundation built or consolidated into one system: logo brief, color system in HEX/RGB/CMYK/OKLCH with proven AA contrast, type system, usage rules, and an exported W3C design-tokens.json that later skills consume. NOT the applied UI pixels (that is design), NOT the words or tone…