Agent skill

UI UX Pro Max

by sundial-org in sundial-org/awesome-openclaw-skills

UI/UX design intelligence and implementation guidance for building polished interfaces.

No licenceAuto-check passedFrontend & Design

Install UI UX Pro Max

skills CLI
$ npx skills add sundial-org/awesome-openclaw-skills --skill ui-ux-pro-max -a claude-code

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

GitHub CLI
$ gh skill install sundial-org/awesome-openclaw-skills 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/sundial-org/awesome-openclaw-skills.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
663
Used in
2 other repos
Token cost
~657 tokens
SKILL.md length
237 words
Files
59 (incl. scripts, references, assets)
Skills in repo
383
Repo updated
First seen
Licence
None found

At a glance

UI/UX design intelligence and implementation guidance for building polished interfaces.

  • Works in 4 steps: Triage → Produce Deliverables (pick what fits) → Use Bundled Assets → …
  • The user asks for UI design
  • SKILL.md covers 1) Triage, 2) Produce Deliverables (pick…, 3) Use Bundled Assets and 4) Optional Script (Design…, plus 1 more section
  • Calls python3

What it does

UI UX Pro Max is an agent skill from sundial-org/awesome-openclaw-skills. UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4)…

Its SKILL.md is about 660 tokens, which your agent loads only when the skill is triggered. The skill folder holds 61 other files, including scripts, reference files and assets.

It sits in Frontend & Design, covering UI design, Design systems and CSS and styling. It works with React, Svelte, Vue.js and Tailwind CSS. The repository describes itself as: Top OpenClaw skills, with the most popular and useful ones.

When your agent uses it

  • The user asks for UI design
  • Information architecture
  • Visual style direction
  • Design systems/tokens

Example prompts

  • “/ui-ux-pro-max”

Requirements

  • Python 3

Workflow steps

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

  1. Triage
  2. Produce Deliverables (pick what fits)
  3. Use Bundled Assets
  4. Optional Script (Design System Generator)

What it can do on your machine

Read from SKILL.md and the folder at commit b80cde2. 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 657 tokens when it runs, and up to ~9.1k if it reads all its reference files. Until then it costs about 147 tokens; SKILL.md has 237 words of instructions outside code blocks.

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

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 237 words (~657 tokens).

“Follow these steps to deliver high-quality UI/UX output with minimal back-and-forth.”

— opening of SKILL.md by sundial-org
name
ui-ux-pro-max

Read the full SKILL.md on GitHub

Files

SKILL.md and 58 other files (scripts, references, assets) in skills/ui-ux-pro-max of sundial-org/awesome-openclaw-skills.

  • SKILL.md
  • assets/data/charts.csv
  • assets/data/colors.csv
  • assets/data/icons.csv
  • assets/data/landing.csv
  • assets/data/products.csv
  • assets/data/react-performance.csv
  • assets/data/stacks/astro.csv
  • assets/data/stacks/flutter.csv
  • assets/data/stacks/html-tailwind.csv
  • assets/data/stacks/jetpack-compose.csv
  • assets/data/stacks/nextjs.csv
  • assets/data/stacks/nuxt-ui.csv
  • assets/data/stacks/nuxtjs.csv
  • assets/data/stacks/react-native.csv
  • assets/data/stacks/react.csv
  • assets/data/stacks/shadcn.csv
  • assets/data/stacks/svelte.csv
  • … and 41 more

Open the folder on GitHubat commit b80cde2

Used in 2 other repositories

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in sundial-org/awesome-openclaw-skills, which our catalogue first saw on October 7, 2026.

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 skillsundial-org/awesome-openclaw-skills6632 repos~657Automated safety check: PassNone
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
UI UX Pro Maxshobcoder/shob576—~3.7kAutomated safety check: PassMIT
GlideSrivarsanK/Glide120—~1.7kAutomated safety check: PassApache-2.0
Tailwind CSS Patternsever-works/ever-works1623 repos~1.6kAutomated safety check: NotesAGPL-3.0

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
  • Design Style

    Castor6/tactus

    A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

    376 GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    shobcoder/shob

    UI/UX design intelligence expert for web and mobile applications.

    576 GitHub stars~3.7k tokensUpdated 22 days ago
    Frontend & DesignAuto-check passed
  • Glide

    SrivarsanK/Glide

    Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

    120 GitHub stars~1.7k tokensUpdated 10 days ago
    Frontend & DesignAuto-check passed
  • Tailwind CSS Patterns

    ever-works/ever-works

    Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

    162 GitHub starsUsed in 3 repos~1.6k tokens
    Frontend & DesignAuto-check: notes
  • Atlas

    pacifio/ui

    Atlas — a design language and UI guide system for agent interfaces.

    154 GitHub stars~2.5k tokensUpdated 5 mo ago
    Frontend & DesignAuto-check passed

More from sundial-org/awesome-openclaw-skills

All 383 skills in this repo
  • Web Deploy GitHub

    sundial-org/awesome-openclaw-skills

    Create and deploy single-page static websites to GitHub Pages with autonomous workflow.

    663 GitHub starsUsed in 1 repo~1.1k tokens
    Auto-check passed
  • Clawd Modifier

    sundial-org/awesome-openclaw-skills

    Modify Clawd, the Claude Code mascot. An agent skill from sundial-org/awesome-openclaw-skills.

    663 GitHub stars~625 tokensUpdated 7 mo ago
    Auto-check passed
  • Figma

    sundial-org/awesome-openclaw-skills

    Professional Figma design analysis and asset export. An agent skill from sundial-org/awesome-openclaw-skills.

    663 GitHub stars~1.7k tokensUpdated 7 mo ago
    Auto-check: notes
  • Habit Flow

    sundial-org/awesome-openclaw-skills

    AI-powered atomic habit tracker with natural language logging, streak tracking, smart reminders, and coaching.

    663 GitHub stars~3.1k tokensUpdated 7 mo ago
    Auto-check passed
  • Edge Tts

    sundial-org/awesome-openclaw-skills

    Text-to-speech conversion using node-edge-tts npm package for generating audio from text.

    663 GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check passed
  • Task Tracker

    sundial-org/awesome-openclaw-skills

    Personal task management with daily standups and weekly reviews.

    663 GitHub stars~1.8k tokensUpdated 7 mo ago
    Auto-check passed

Questions about UI UX Pro Max

What does UI UX Pro Max do?

UI/UX design intelligence and implementation guidance for building polished interfaces. UI UX Pro Max is an agent skill from sundial-org/awesome-openclaw-skills. UI/UX design intelligence and implementation guidance for building polished interfaces.

When should I use UI UX Pro Max?

UI UX Pro Max fits situations like: the user asks for UI design; information architecture; visual style direction; design systems/tokens.

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

Run `npx skills add sundial-org/awesome-openclaw-skills --skill ui-ux-pro-max -a claude-code`. Or copy the skill folder (skills/ui-ux-pro-max in sundial-org/awesome-openclaw-skills) 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 sundial-org/awesome-openclaw-skills --skill ui-ux-pro-max -a codex`. Or copy the skill folder (skills/ui-ux-pro-max in sundial-org/awesome-openclaw-skills) 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 sundial-org/awesome-openclaw-skills --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?

No licence was found for UI UX Pro Max or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does UI UX Pro Max use?

About 657 tokens (SKILL.md is roughly 2.6k 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 8.4k 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), Design Style (Castor6/tactus, 376 stars), UI UX Pro Max (shobcoder/shob, 576 stars) and Glide (SrivarsanK/Glide, 120 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?

sundial-org (a GitHub organization) maintains it in sundial-org/awesome-openclaw-skills, which has 663 GitHub stars. The repository holds 383 skills in this directory. The repository was last updated on March 7, 2026.

Source: sundial-org/awesome-openclaw-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.