UI/UX Pro Max

by doccker

UI/UX Pro Max is a Frontend skill for Claude Code, published by doccker in cc-use-exp.

1K stars105 forkson doccker/cc-use-expAdded 2026/08/21Repository updated 2026/06/30

View source on GitHub Download repo ZIP

antigravityclaude-codecodexcursorgemini-cligithub-copilot

Install in seconds

Install UI/UX Pro Max

Copy UI/UX Pro Max into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/doccker/cc-use-exp/tree/main/skills/ui-ux-pro-max ~/.claude/skills/ui-ux-pro-max

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/doccker/cc-use-exp.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/ui-ux-pro-max/SKILL.md in doccker/cc-use-exp
Installs to: ~/.claude/skills/ui-ux-pro-max
Collection: One of 23 skills cataloged from this repository
Category: Frontend — 567 skills

What UI/UX Pro Max does

UI/UX Pro Max defines professional interface design rules for creating polished front-end layouts. Use it when a high-quality UI, strong visual hierarchy, or refined interaction details are needed.

UI/UX Pro Max is cataloged under Frontend on DirSkills. UI/UX Pro Max comes from a repository tagged antigravity, claude-code, codex, cursor and gemini-cli.

Documentation

README

Excerpt

UI/UX Pro Max — 专业级界面设计规范

目标：生成有设计感、可直接交付的前端界面，告别 AI 模板风。

设计哲学

克制 > 堆砌          — 少即是多，每个元素都有存在理由
层次 > 装饰          — 用空间和对比建立信息层次，而非边框和分割线
一致 > 创意          — 系统化的设计语言优于零散的创意点缀
功能 > 形式          — 美观服务于可用性，永远不反过来

反 AI 风格清单

严格禁止

类别	禁止项
配色	蓝紫霓虹渐变、大面积线性渐变背景、荧光色强调
效果	玻璃拟态(glassmorphism)、发光描边、霓虹阴影、粒子背景
布局	居中大卡片+圆角过度、无限堆叠的 card-in-card
装饰	无意义几何图形、装饰性网格线、浮动气泡
图标	纯装饰性 emoji、图标代替文字说明
文案	"Powered by AI"、营销式夸张用语

识别 AI 模板风的信号

所有卡片等宽等高、间距完全一致 → 缺乏视觉节奏
主色只有一个蓝/紫 → 缺乏色彩层次
阴影千篇一律 shadow-lg → 没有深度层次
按钮全是渐变填充 → 缺乏操作层级

配色体系

构建方法

1. 确定品牌主色（1 个）
2. 派生 5 级明暗梯度（50/100/300/500/700）
3. 选择 1 个功能强调色（CTA / 重要操作）
4. 语义色：success/warning/error/info 各 1 个
5. 中性色：gray 7 级梯度（50~900）

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UI/UX Pro Max

What else does doccker publish alongside UI/UX Pro Max?
UI/UX Pro Max is one of 23 skills that DirSkills catalogs from doccker/cc-use-exp, the repository it ships in. Its siblings there include API Design Safety, Api Design Safety and Api Proxy Safety. Each one is a separate skill with its own page in this directory, installs the same way UI/UX Pro Max does, and is maintained by doccker in that same repository. The rest of the collection is listed on the doccker/cc-use-exp page.
How does UI/UX Pro Max compare to other Frontend skills?
UI/UX Pro Max ranks #335 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UI/UX Pro Max against them. Open each page to compare what they document and how they install.