New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UI UX Pro Max

by Peiiii in Peiiii/nextclaw

A skill your agent uses when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset…

MITAuto-check passedFrontend & Design

Install UI UX Pro Max

skills CLI
$ npx skills add Peiiii/nextclaw --skill ui-ux-pro-max -a claude-code

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

GitHub CLI
$ gh skill install Peiiii/nextclaw 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/Peiiii/nextclaw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/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/

Facts

Skill name
ui-ux-pro-max
GitHub stars
260
Token cost
~2k tokens
SKILL.md length
838 words
Files
42 (incl. scripts)
Skills in repo
70
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset…

  • Works in 6 steps: Verify the skill assets exist → Verify python3 → Run one read-only readiness smoke → …
  • The user wants professional UI/UX design guidance
  • SKILL.md covers Overview, Install Boundary: NextClaw…, What This Skill Covers and What This Skill Does Not Cover, plus 6 more sections
  • Calls python3; reaches github.com

What it does

UI UX Pro Max is an agent skill from Peiiii/nextclaw. Use when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 43 other files, including scripts.

It sits in Frontend & Design, covering UI design and Design systems. It works with Python. The repository describes itself as: A human-centered long-term AI partner—not a task-centered assistant. The licence is MIT.

When your agent uses it

  • The user wants professional UI/UX design guidance
  • Design-system generation
  • Stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime

Example prompts

  • “/ui-ux-pro-max”

Requirements

  • Python 3

Workflow steps

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

  1. Verify the skill assets exist
  2. Verify python3
  3. Run one read-only readiness smoke
  4. Choose the right workflow
  5. Execute the smallest matching command
  6. Ask before persistence writes

What it can do on your machine

Read from SKILL.md and the folder at commit 4d9d500. 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

    Hosts in commands or code, which the agent is likely to contact:

    • github.com

    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 2k tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 838 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~55
When it runs · the whole SKILL.md, loaded when a task matches
~2k

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

The full file from Peiiii/nextclaw at commit 4d9d500, republished under its MIT licence (© Peiiii). 838 words, ~1,978 tokens.

Download SKILL.mdSave it as .claude/skills/ui-ux-pro-max/SKILL.md (or your agent's skills folder). This skill also uses 41 other files; get the full folder from GitHub.
name
ui-ux-pro-max
description
Use when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime.

UI/UX Pro Max

Overview

Use this skill when the user wants strong UI/UX guidance inside NextClaw:

  • generate a design system for a product or page,
  • search styles, color palettes, typography, landing patterns, charts, or UX guidelines,
  • review an existing UI for design or accessibility issues,
  • or retrieve stack-specific frontend guidance for React, Next.js, Vue, Svelte, Astro, React Native, Flutter, and more.

This marketplace skill is adapted from the upstream nextlevelbuilder/ui-ux-pro-max-skill project and bundles the required local assets directly into the installed skill directory.

Be explicit about the boundary:

  • This skill owns explanation, readiness checks, workflow selection, and safe usage guidance.
  • The bundled local Python scripts own actual search and design-system generation.
  • Do not pretend this is a built-in NextClaw design engine with no runtime boundary. It depends on local python3.

Install Boundary: NextClaw Marketplace vs Upstream CLI

Always distinguish these paths:

  • NextClaw marketplace skill install: nextclaw skills install ui-ux-pro-max --workdir <workspace>
  • Installed NextClaw skill assets: <workspace>/skills/ui-ux-pro-max/
  • Upstream standalone installer: uipro init --ai codex

For NextClaw users, prefer the marketplace-installed skill assets already bundled under skills/ui-ux-pro-max/.

Do not ask the user to install uipro-cli unless they explicitly want the upstream standalone ecosystem outside NextClaw.

What This Skill Covers

  • local searchable UI style guidance,
  • color palette and typography discovery,
  • landing page and conversion pattern guidance,
  • chart and dashboard design recommendations,
  • UX and accessibility review guidance,
  • stack-specific implementation guidance,
  • complete design-system generation,
  • optional persistence of generated design-system files into a target directory.

What This Skill Does Not Cover

  • generating pixel-perfect final code by itself,
  • claiming that a search result is automatically correct for the user's product without judgment,
  • silently writing design files into the repo,
  • replacing an existing design system without explicit user intent,
  • inventing stacks, domains, or commands that the bundled runtime does not support.

Deterministic First-Use Workflow

When the user wants to use this skill, follow this order.

Step 0: Verify the skill assets exist

Check:

bash
test -f skills/ui-ux-pro-max/scripts/search.py
test -f skills/ui-ux-pro-max/data/styles.csv

If either check fails, the skill is not correctly installed in the current workspace.

Step 1: Verify python3

Run:

bash
command -v python3
python3 --version

If python3 is missing, stop and guide the user to install Python 3 first.

Do not continue to the real task until python3 exists.

Step 2: Run one read-only readiness smoke

Run:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "fintech dashboard accessibility" --domain ux

Success means:

  • the command exits 0,
  • it returns at least one result or a normal empty search response,
  • and there is no missing-file or import error.
Step 3: Choose the right workflow

Choose exactly one of these based on the user goal:

  • design system generation,
  • domain search,
  • stack-specific guidance,
  • UX review,
  • persisted design-system output.

Do not jump to --persist if the user only asked for advice or exploration.

Step 4: Execute the smallest matching command

Prefer read-only workflows first.

Examples:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system -f markdown
python3 skills/ui-ux-pro-max/scripts/search.py "glassmorphism saas" --domain style
python3 skills/ui-ux-pro-max/scripts/search.py "focus state keyboard navigation" --domain ux
python3 skills/ui-ux-pro-max/scripts/search.py "pricing table empty state" --stack react
python3 skills/ui-ux-pro-max/scripts/search.py "fintech charts accessibility" --domain chart
Step 5: Ask before persistence writes

--persist writes files such as design-system/<project>/MASTER.md.

Only use it when the user explicitly wants generated design-system files saved into a project.

Recommended explicit form:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system --persist -p "Serenity Spa" -o .

Or choose an explicit target directory:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system --persist -p "Serenity Spa" -o <target-project-root>

Search Modes

Design system generation

Use when the user wants a full design direction for a new product, page, or redesign.

Command:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system -f markdown
Show full SKILL.md (334 more words)Show less

Use when the user wants a focused answer.

Available domains:

  • style
  • color
  • chart
  • landing
  • product
  • ux
  • typography
  • icons
  • react
  • web
  • google-fonts

Command:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --domain <domain>
Stack guidance

Use when the user needs implementation-aware guidance for a specific stack.

Available stacks:

  • react
  • nextjs
  • vue
  • svelte
  • astro
  • swiftui
  • react-native
  • flutter
  • nuxtjs
  • nuxt-ui
  • html-tailwind
  • shadcn
  • jetpack-compose
  • threejs
  • angular
  • laravel

Command:

bash
python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --stack <stack>

Safe Usage Rules

  • Treat search and non-persisted design-system generation as read-only.
  • Treat --persist as a write action and ask for explicit confirmation unless the user already asked to save output.
  • When working inside an existing product or design system, preserve established patterns unless the user asks for a more radical redesign.
  • Do not present a generated palette, style, or pattern as mandatory truth. Present it as a recommendation with rationale.
  • If the user asks for code changes, use the search output as guidance, then implement in the target codebase with normal engineering judgment.

Troubleshooting

python3 not found
  • Explain that the bundled skill depends on local Python 3.
  • Guide the user to install Python 3 for their platform.
  • Re-run command -v python3 and the readiness smoke.
Missing file or import error
  • Verify the skill is actually installed in the active workspace.
  • Re-check:
bash
test -f skills/ui-ux-pro-max/scripts/search.py
test -f skills/ui-ux-pro-max/data/ui-reasoning.csv
  • If missing, reinstall the marketplace skill instead of inventing fallback paths.
Search returns weak or irrelevant results
  • Narrow the query with stronger product, audience, or platform terms.
  • Prefer domain search over a vague general query.
  • Try stack-specific search for implementation guidance.
Persisted files land in the wrong place
  • Use an explicit output directory with -o <target-project-root>.
  • Do not silently write into an unexpected repo.

Success Criteria

This skill is working correctly when:

  • the user can get design guidance without installing the upstream standalone CLI,
  • python3 and the bundled assets are verified before use,
  • read-only guidance works through the local search script,
  • persisted design-system files are only written with clear user intent,
  • and the skill stays honest about its local runtime boundary.

Attribution

This skill is adapted from:

  • https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

The bundled upstream license text is included in skills/ui-ux-pro-max/UPSTREAM_LICENSE.

© Peiiii, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 41 other files (scripts) in skills/ui-ux-pro-max of Peiiii/nextclaw.

  • SKILL.md
  • UPSTREAM_LICENSE
  • data/app-interface.csv
  • data/charts.csv
  • data/colors.csv
  • data/design.csv
  • data/draft.csv
  • data/google-fonts.csv
  • data/icons.csv
  • data/landing.csv
  • data/products.csv
  • data/react-performance.csv
  • data/stacks/angular.csv
  • data/stacks/astro.csv
  • data/stacks/flutter.csv
  • data/stacks/html-tailwind.csv
  • data/stacks/jetpack-compose.csv
  • data/stacks/laravel.csv
  • data/stacks/nextjs.csv
  • … and 23 more

Open the folder on GitHubat commit 4d9d500

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
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI UX Pro Max this skillPeiiii/nextclaw260—~2kAutomated safety check: PassMIT
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
Design Dnazanwei/design-dna1.9k1 repos~2.1kAutomated safety check: PassMIT
Stitch Prompt Enhancergoogle-labs-code/stitch-skills8.5k5 repos~1.7kAutomated safety check: PassApache-2.0
Creative Tim UI Blockscreativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT
Improve UI Audit and Plansibelick/ui-skills9.6k—~2kAutomated safety check: PassMIT

Similar skills

  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed

  • Design Dna

    zanwei/design-dna

    Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

    1.9k GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed

  • Stitch Prompt Enhancer

    google-labs-code/stitch-skills

    Official

    Rewrites a vague UI generation idea into a structured, keyword-rich prompt for Stitch, pulling in an existing DESIGN.md design system when the project has one.

    8.5k GitHub starsUsed in 5 repos~1.7k tokens
    Frontend & DesignAuto-check passed

  • Creative Tim UI Blocks

    creativetimofficial/ui

    Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

    12k GitHub stars~2.1k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check: notes

  • Improve UI Audit and Plans

    ibelick/ui-skills

    Audits one product surface against its own design evidence and writes self-contained implementation plans for another agent, without touching product source.

    9.6k GitHub stars~2k tokensUpdated today
    Frontend & DesignAuto-check passed

  • DaisyUI Component Library

    saadeghi/daisyui

    Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

    43k GitHub stars~1.3k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

More from Peiiii/nextclaw

All 70 skills in this repo

  • Nextclaw Skin Studio

    Peiiii/nextclaw

    A skill your agent uses when a user wants to browse, apply, inspect, create, refine, switch, or remove a NextClaw skin; wants a personal skin with arbitrary CSS, JavaScript, images, SVG, DOM…

    260 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

  • Development Task Telemetry

    Peiiii/nextclaw

    A skill your agent uses when a development task needs visible phase tracing, task-level or phase-level Token measurement, model/effort comparison, or a deterministic usage report or local dashboard…

    260 GitHub stars~802 tokensUpdated yesterday
    Auto-check passed

  • Nextclaw Product Visual Assets

    Peiiii/nextclaw

    当 NextClaw 产品更新后需要生成、替换、挑毛病或检查官网、GitHub README、用户文档或社交传播中的真实截图、AI 宣传视觉、整页 HTML 宣传预览、社区二维码等对外视觉资产时使用；也用于“更新截图”“重新截一批图”“做宣传页”“生成 campaign 页面”“视觉审稿”“五星挑刺法”或发布前检查视觉资产。普通站点布局开发或只写文章不触发。

    260 GitHub stars~801 tokensUpdated yesterday
    Auto-check passed

  • Impeccable

    Peiiii/nextclaw

    A skill your agent uses when the user wants distinctive, production-grade frontend design, anti-generic AI aesthetics, UX critique, technical UI audits, or final polish through bundled Impeccable…

    260 GitHub stars~2.5k tokensUpdated yesterday
    Auto-check passed

  • Nextclaw Skill Resource Hub

    Peiiii/nextclaw

    Curate NextClaw skill resources, including OpenClaw and community sources.

    260 GitHub stars~479 tokensUpdated yesterday
    Auto-check passed

  • Mmx CLI

    Peiiii/nextclaw

    Use mmx to generate text, images, video, speech, and music via the MiniMax AI platform.

    260 GitHub starsUsed in 3 repos~2.7k tokens
    Auto-check passed

Works with

Categories

Questions about UI UX Pro Max

What does UI UX Pro Max do?

A skill your agent uses when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset…. UI UX Pro Max is an agent skill from Peiiii/nextclaw. Use when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime.

When should I use UI UX Pro Max?

UI UX Pro Max fits situations like: the user wants professional UI/UX design guidance; design-system generation; stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset and Python search runtime.

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

Run `npx skills add Peiiii/nextclaw --skill ui-ux-pro-max -a claude-code`. Or copy the skill folder (skills/ui-ux-pro-max in Peiiii/nextclaw) 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 Peiiii/nextclaw --skill ui-ux-pro-max -a codex`. Or copy the skill folder (skills/ui-ux-pro-max in Peiiii/nextclaw) 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 Peiiii/nextclaw --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 names 1 domain. In commands or code: github.com; the agent is likely to contact it when it follows the instructions. 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 is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UI UX Pro Max use?

About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to UI UX Pro Max?

Skills that share tags, products or a category with UI UX Pro Max: UI Styling (Ohh-889/skyroc, 795 stars), Design Dna (zanwei/design-dna, 1.9k stars), Stitch Prompt Enhancer (google-labs-code/stitch-skills, 8.5k stars) and Creative Tim UI Blocks (creativetimofficial/ui, 12k 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?

Peiiii (a GitHub user) maintains it in Peiiii/nextclaw, which has 260 GitHub stars. The repository holds 70 skills in this directory. The repository was last updated on October 9, 2026.

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