技能包Skill
仪表盘改版：两个 skill 加两条提示词
仪表盘一眼 AI 做的：ui-ux-pro-max 加 frontend-design，改版提示词里点名它们，再从 4 个角度审查。
1,295 X 收藏，截至 发帖日期
安装 ui-ux-pro-max
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill下一步 在 Claude Code 里跑安装，把 {} 换成你的页面发改版提示词，再发审查。
让 Claude Code 或 Codex 做一个仪表盘，结果常常一眼就看出是 AI 做的。毛病出在两处。一是千篇一律：来回就是那三套模板。二是细节粗糙：图标用 emoji，按钮没有 hover，到处是 AI 紫色渐变。
解法是两个免费的 skill 加两条 prompt。
ui-ux-pro-max 拿到你的需求，返回一整套设计系统：带 hex 值的颜色、带 Google Fonts 链接的字体，以及一份交付前检查清单（图标不用 emoji，能点的都加 cursor-pointer，hover 过渡 150-300ms，文字对比度 4.5:1，不用 AI 紫色渐变）。
frontend-design 是 Anthropic 自己的 skill。它把 AI 从模板默认值里拉出来，还点出了这些默认值最后都会变成的三种样子。装好以后，它先选一个方向，批评自己的方案，扔掉任何换个项目也会照做的东西，再写代码。
安装 frontend-design
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skillsprompt 里要点名这两个 skill，不然它们不会触发。把 {} 换成你的页面。
提示词：改版
Using /ui-ux-pro-max and /frontend-design, redesign {these new pages} for this project. Full creative freedom, but it must be visually striking and interactive, with motion and hidden easter eggs. First search for 2026 design trends and apply them.做完以后，把审查拆给几个并行的 agent，每个只看一个角度。一遍看全部，只会看得很浅。
提示词：并行审查
Treat making {these pages} not look AI-made as one complete goal, not the next small fix. Split it into independent pieces and spawn a parallel agent for each, every agent with its own goal, deliverable, and pass bar. 1, does it look AI-made: the three templates, purple gradient, emoji icons. 2, detail: spacing, contrast 4.5:1, hover, cursor. 3, typography: a real point of view or default system fonts. 4, responsive plus keyboard focus and reduced motion. Run them at once, merge the results, resolve conflicts, render it in a real browser and check the screenshots, fix, pass again, and don't stop until it clears the bar.分享这条技巧
