Agent skill

UI UX Pro Max

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

Custom licenceAuto-check passedFrontend & Design

Install UI UX Pro Max

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .claude/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .claude/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .agents/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .agents/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .cursor/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .cursor/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/AThevon/genjutsu.git --path skills/_jutsu/ui-ux-pro-max

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .gemini/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .gemini/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .github/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .github/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install AThevon/genjutsu ui-ux-pro-max --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/AThevon/genjutsu.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/_jutsu/ui-ux-pro-max .opencode/skills/ui-ux-pro-max && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "ui-ux-pro-max" agent skill from https://github.com/AThevon/genjutsu/tree/main/skills/_jutsu/ui-ux-pro-max into .opencode/skills/ui-ux-pro-max/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-ux-pro-max", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: ui-ux-pro-max
GitHub stars: 431
Token cost: ~4.3k tokens
SKILL.md length: 1,671 words
Files: 48 (incl. scripts, references)
Skills in repo: 20
Repo updated: Oct 5, 2026
First seen: Oct 7, 2026
Licence: Custom licence

At a glance

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

Works in 12 steps: Accessibility (CRITICAL) → Touch & Interaction (CRITICAL) → Performance (HIGH) → …
Tasks that involve UI design
SKILL.md covers When to Apply, Rule Categories by Priority, Quick Reference and How to Use, plus 6 more sections
Calls python3

What it does

UI UX Pro Max is an agent skill from AThevon/genjutsu. UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). Internal genjutsu module: loaded by /genjutsu:cast and /genjutsu:paint, not invoked directly.

Its SKILL.md is about 4.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 49 other files, including scripts and reference files (for example `UPSTREAM.md`).

It sits in Frontend & Design, covering UI design, Typography and Design systems. The repository describes itself as: Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose)…

When your agent uses it

Tasks that involve UI design
Tasks that involve Typography
Tasks that involve Design systems

Example prompts

“/ui-ux-pro-max”

Requirements

Python 3

Workflow steps

12 steps, taken from the step headings in SKILL.md.

Accessibility (CRITICAL)
Touch & Interaction (CRITICAL)
Performance (HIGH)
Layout & Responsive (HIGH)
Typography & Color (MEDIUM)
Animation (MEDIUM)
Style Selection (MEDIUM)
Charts & Data (LOW)
Analyze User Requirements
Generate Design System (REQUIRED)
Supplement with Detailed Searches (as needed)
Stack Guidelines (Default: html-tailwind)

What it can do on your machine

Read from SKILL.md and the folder at commit 1f518a7. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
- python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UI UX Pro Max loads about 4.3k tokens when it runs, and up to ~12k if it reads all its reference files. Until then it costs about 65 tokens; SKILL.md has 1,671 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~65
When it runs · the whole SKILL.md, loaded when a task matches: ~4.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~12k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,671 words (~4,331 tokens).

“Comprehensive design guide for web and mobile applications. Contains 84 styles, 192 color palettes, 74 font pairings, 99 UX guidelines, and 25 chart types across 22 technology stacks. Searchable database with priority-based recommendations.”

— opening of SKILL.md by AThevon, Custom licence

name: ui-ux-pro-max
metadata.internal: true

Outline of SKILL.md

UI/UX Pro Max - Design Intelligence
When to Apply
Rule Categories by Priority
Quick Reference
1. Accessibility (CRITICAL)
2. Touch & Interaction (CRITICAL)
3. Performance (HIGH)
4. Layout & Responsive (HIGH)
5. Typography & Color (MEDIUM)
6. Animation (MEDIUM)
7. Style Selection (MEDIUM)
8. Charts & Data (LOW)
How to Use
Prerequisites
How to Use This Skill
Step 1: Analyze User Requirements
Step 2: Generate Design System (REQUIRED)
Step 2b: Persist Design System (Master + Overrides Pattern)
Step 3: Supplement with Detailed Searches (as needed)
Step 4: Stack Guidelines (Default: html-tailwind)
Search Reference
Available Domains
Available Stacks
Example Workflow
Step 1: Analyze Requirements
Step 2: Generate Design System (REQUIRED)
Step 3: Supplement with Detailed Searches (as needed)
Step 4: Stack Guidelines
Output Formats
Tips for Better Results

Read the full SKILL.md on GitHub

Files

SKILL.md and 47 other files (scripts, references) in skills/_jutsu/ui-ux-pro-max of AThevon/genjutsu.

SKILL.md
LICENSE-upstream.txt
UPSTREAM.md
data/app-interface.csv
data/charts.csv
data/colors.csv
data/google-fonts.csv
data/icons.csv
data/landing.csv
data/motion.csv
data/products.csv
data/react-performance.csv
data/stacks/angular.csv
data/stacks/astro.csv
data/stacks/avalonia.csv
data/stacks/flutter.csv
data/stacks/html-tailwind.csv
data/stacks/javafx.csv
data/stacks/jetpack-compose.csv
… and 29 more

Open the folder on GitHubat commit 1f518a7

Compare with similar skills

UI UX Pro Max next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UI UX Pro Max compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
UI UX Pro Max this skillAThevon/genjutsu	431	—	~4.3k	Automated safety check: Pass	Custom licence	3 days ago
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar	5.7k	1 repos	~1.1k	Automated safety check: Pass	MIT	16 days ago
Scandinavian Design Systemericzakariasson/scandinavian-design	404	—	~13k	Automated safety check: Pass	None	1 mo ago
Typeui Fundamentalsbergside/typeui	2k	—	~861	Automated safety check: Pass	MIT	3 mo ago
UI UX Pro MaxOhh-889/skyroc	795	6 repos	~14k	Automated safety check: Pass	MIT	1 mo ago
UI UX Pro Max SkillJason904/ui-skill-lab	144	—	~865	Automated safety check: Pass	MIT	3 mo ago

Similar skills

UI/UX Design System Advisor
Galaxy-Dawn/claude-scholar
Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.
5.7k GitHub starsUsed in 1 repo~1.1k tokens
Frontend & DesignAuto-check passed
Scandinavian Design System
ericzakariasson/scandinavian-design
Applies a calm Scandinavian look to interfaces: black-and-white foundation, restrained sans-serif type, generous spacing and minimal decoration, with review and prototype modes.
404 GitHub stars~13k tokensUpdated 1 mo ago
Frontend & DesignAuto-check passed
Typeui Fundamentals
bergside/typeui
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.
2k GitHub stars~861 tokensUpdated 3 mo ago
Frontend & DesignAuto-check passed
UI UX Pro Max
Ohh-889/skyroc
UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc.
795 GitHub starsUsed in 6 repos~14k tokens
Frontend & DesignAuto-check passed
UI UX Pro Max Skill
Jason904/ui-skill-lab
A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…
144 GitHub stars~865 tokensUpdated 3 mo ago
Frontend & DesignAuto-check passed
Design Consultation
garrytan/gstack
Learns about your product, studies the landscape and writes a DESIGN.md with a full design system covering type, color, layout, spacing and motion.
136k GitHub stars~15k tokensUpdated today
Frontend & DesignAuto-check: notes

Questions about UI UX Pro Max

What does UI UX Pro Max do?

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). UI UX Pro Max is an agent skill from AThevon/genjutsu. UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

When should I use UI UX Pro Max?

UI UX Pro Max fits situations like: tasks that involve UI design; tasks that involve Typography; tasks that involve Design systems.

How do I install UI UX Pro Max in Claude Code?

Run `npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a claude-code`. Or copy the skill folder (skills/_jutsu/ui-ux-pro-max in AThevon/genjutsu) into .claude/skills/ui-ux-pro-max in your project. Claude Code loads it when a task matches its description.

How do I install UI UX Pro Max in Codex?

Run `npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a codex`. Or copy the skill folder (skills/_jutsu/ui-ux-pro-max in AThevon/genjutsu) into .agents/skills/ui-ux-pro-max in your project. Codex loads it when a task matches its description.

Can I use UI UX Pro Max in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add AThevon/genjutsu --skill ui-ux-pro-max -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-ux-pro-max, .gemini/skills/ui-ux-pro-max, .github/skills/ui-ux-pro-max and .opencode/skills/ui-ux-pro-max in your project.

What does UI UX Pro Max need to run?

Going by SKILL.md and its folder, UI UX Pro Max needs the command-line tools its instructions call (python3). Our summary lists: Python 3.

Does UI UX Pro Max access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UI UX Pro Max safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does UI UX Pro Max use?

UI UX Pro Max has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does UI UX Pro Max use?

About 4.3k tokens (SKILL.md is roughly 17k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 7.8k tokens, read only when the agent opens those files.

What are the alternatives to UI UX Pro Max?

Skills that share tags, products or a category with UI UX Pro Max: UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Scandinavian Design System (ericzakariasson/scandinavian-design, 404 stars), Typeui Fundamentals (bergside/typeui, 2k stars) and UI UX Pro Max (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI UX Pro Max?

AThevon (a GitHub user) maintains it in AThevon/genjutsu, which has 431 GitHub stars. The repository holds 20 skills in this directory. The repository was last updated on October 5, 2026.

Source: AThevon/genjutsu on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

UI UX Pro Max

Install UI UX Pro Max

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

UI/UX Design System Advisor

Scandinavian Design System

Typeui Fundamentals

UI UX Pro Max

UI UX Pro Max Skill

Design Consultation

More from AThevon/genjutsu

Orchestration

Design Audit

Canvas Generative

Compose Motion

Compose Multiplatform

CSS Native

Questions about UI UX Pro Max

Install UI UX Pro Max

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

More from AThevon/genjutsu

Related

Questions about UI UX Pro Max