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.
专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发. An agent skill from doccker/cc-use-exp.
Install UI UX Pro Max
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install doccker/cc-use-exp ui-ux-pro-max --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .claude/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.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/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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 install https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/ui-ux-pro-maxType 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.
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install doccker/cc-use-exp ui-ux-pro-max --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .agents/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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.
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install doccker/cc-use-exp ui-ux-pro-max --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .cursor/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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 https://github.com/doccker/cc-use-exp.git --path .cursor/skills/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.
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install doccker/cc-use-exp ui-ux-pro-max --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .gemini/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.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/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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.
$ gh skill install doccker/cc-use-exp ui-ux-pro-maxInstalls 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).
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .github/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.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/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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.
$ npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install doccker/cc-use-exp ui-ux-pro-max --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/doccker/cc-use-exp.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/ui-ux-pro-max .opencode/skills/ui-ux-pro-max && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ui-ux-pro-max" agent skill from https://github.com/doccker/cc-use-exp/tree/main/.cursor/skills/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
- 1.1k
- Token cost
- ~1.6k tokens
- SKILL.md length
- 279 words
- Files
- 1
- Skills in repo
- 67
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发. An agent skill from doccker/cc-use-exp.
- Works in 5 steps: 使用 CSS 变量 — 不硬编码颜色/间距/字号 → 响应式 — 至少覆盖移动端 + 桌面端 → 交互状态完整 — hover / focus / active / disabled → …
- Tasks that involve UI design
- SKILL.md covers 设计哲学, 反 AI 风格清单, 配色体系 and 排版系统, plus 7 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
UI UX Pro Max is an agent skill from doccker/cc-use-exp. 专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。 覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。 日常前端开发由 frontend-dev skill 覆盖。
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering UI design. The repository describes itself as: ⛔ No longer maintained → dev-agent-kit/recipes 让 Claude Code、Antigravity、Gemini CLI、Codex、Cursor 开箱即用的分层配置模板，总结十多年的日常开发经验.
When your agent uses it
- Tasks that involve UI design
Example prompts
- “设计感/专业UI”
- “/ui-ux-pro-max”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 使用 CSS 变量 — 不硬编码颜色/间距/字号
- 响应式 — 至少覆盖移动端 + 桌面端
- 交互状态完整 — hover / focus / active / disabled
- 语义化标签 — 不滥用 div
- 暗色模式 — 提供 [data-theme="dark"] 变量覆盖
What it can do on your machine
Read from SKILL.md and the folder at commit 64470cb. 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
No scripts in the folder and no shell commands in SKILL.md (its code samples are css).
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 1.6k tokens when it runs. Until then it costs about 31 tokens; SKILL.md has 279 words of instructions outside code blocks.
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); files beside SKILL.md 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 279 words (~1,551 tokens).
- name
- ui-ux-pro-max
Files
Just SKILL.md in .cursor/skills/ui-ux-pro-max of doccker/cc-use-exp.
Open the folder on GitHubat commit 64470cb
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| UI UX Pro Max this skilldoccker/cc-use-exp | 1.1k | — | ~1.6k | Automated safety check: Pass | Custom licence | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| LobeHub Interactive Prototypelobehub/lobehub | 83k | — | ~1.6k | Automated safety check: Pass | Custom licence | |
| Make Interfaces Feel Bettersamuelclay/NewsBlur | 7.6k | 10 repos | ~1.5k | Automated safety check: Pass | MIT | |
| UI UX Pro MaxZxBing0066/pixel-converter | 181 | 13 repos | ~2.6k | Automated safety check: Notes | BSD-2-Clause | |
| Stitch Prompt Enhancergoogle-labs-code/stitch-skills | 8.4k | 6 repos | ~1.7k | Automated safety check: Pass | Apache-2.0 |
Similar skills
LobeHub Interactive Prototype
lobehub/lobehub
Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.
Make Interfaces Feel Better
samuelclay/NewsBlur
Design engineering principles for making interfaces feel polished.
UI UX Pro Max
ZxBing0066/pixel-converter
UI/UX design intelligence with searchable database. An agent skill from ZxBing0066/pixel-converter.
- Official
Stitch Prompt Enhancer
google-labs-code/stitch-skills
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.
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…
More from doccker/cc-use-exp
All 67 skills in this repoAPI Design Safety
doccker/cc-use-exp
当设计或修改 REST API 响应结构、处理 API 返回值，或生成 Excel/CSV/PDF/对账文件等下游产物时触发。防止 API 设计缺陷导致的字段错位、类型歧义，以及生成产物时关键字段缺失但静默成功的问题。
Cc Code Quality Principles
doccker/cc-use-exp
当编写新模块、设计接口、重构代码或代码审查时触发。提供经典模块化六原则检查清单（大小适中/调用深度/扇入扇出/边界清晰/作用域内聚/可预测性），适用于 PR/Review/新模块设计场景。
Cc Review
doccker/cc-use-exp
结构化代码审查工作流，适用于显式 quick/full/security review；不负责普通实现或 bug 修复流程。
Cc Streaming Export Safety
doccker/cc-use-exp
当实现用户驱动的大文件导出或批量序列化（Excel/CSV/JSON/JSONL/PDF，数据量未知或超过 1 万行/10 MB）时触发；普通小文件下载、静态资源下载、非导出 Writer/Report 类不触发。防止 OOM、临时文件残留、同步导出阻塞 HTTP 线程和表格公式注入。
Code Quality Principles
doccker/cc-use-exp
当编写新模块、设计接口、重构代码或代码审查时触发。提供经典模块化六原则检查清单（大小适中/调用深度/扇入扇出/边界清晰/作用域内聚/可预测性），适用于 PR/Review/新模块设计场景。
External System Debugging
doccker/cc-use-exp
涉及浏览器、编辑器、CDN/WAF、IM 平台、操作系统剪贴板、第三方 SaaS 等"外部黑盒系统"的代码编写或 bug 调试时触发。强制先抓真实环境数据再推理,避免连续 2 轮"凭代码推理"的修复 no-op。关键词:粘贴/复制异常、跨平台显示不一致、第三方 API 怪结果、CDN/WAF 拦截、本地复现失败、HTML→MD 转换丢属性。
Related
Categories
Questions about UI UX Pro Max
What does UI UX Pro Max do?
专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发. An agent skill from doccker/cc-use-exp. UI UX Pro Max is an agent skill from doccker/cc-use-exp.
When should I use UI UX Pro Max?
UI UX Pro Max fits situations like: tasks that involve UI design.
How do I install UI UX Pro Max in Claude Code?
Run `npx skills add doccker/cc-use-exp --skill ui-ux-pro-max -a claude-code`. Or copy the skill folder (.cursor/skills/ui-ux-pro-max in doccker/cc-use-exp) 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 doccker/cc-use-exp --skill ui-ux-pro-max -a codex`. Or copy the skill folder (.cursor/skills/ui-ux-pro-max in doccker/cc-use-exp) 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 doccker/cc-use-exp --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?
SKILL.md names no scripts, command-line tools or credentials: UI UX Pro Max is instructions for the agent only.
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. Review the folder before installing.
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 1.6k tokens (SKILL.md is roughly 6.2k 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), LobeHub Interactive Prototype (lobehub/lobehub, 83k stars), Make Interfaces Feel Better (samuelclay/NewsBlur, 7.6k stars) and UI UX Pro Max (ZxBing0066/pixel-converter, 181 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?
doccker (a GitHub user) maintains it in doccker/cc-use-exp, which has 1,062 GitHub stars. The repository holds 67 skills in this directory. The repository was last updated on August 26, 2026.
Source: doccker/cc-use-exp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.