让 AI “把页面做高级一点”，常常只会多出一层渐变和几张卡片。把任务说具体，再选对应的 Skill，更容易知道它到底改好了什么。
把这 7 个前端设计入口按用途整理了一遍，给做独立产品、官网和后台页面的朋友留一份选择清单 👇
🧭 从零做页面，先定方向
01｜frontend-design
适合新页面、展示页和作品集。先交代给谁看、有什么真实内容、希望完成什么动作，再让它决定字体、色彩和布局。
02｜design-taste-frontend
适合需要完整设计与浏览器复核的页面。当前版本也覆盖仪表盘、设置等应用界面；实现后还要看真实截图，检查窄屏与交互。
🔎 页面能跑了，再查细节
03｜web-design-guidelines
适合上线前审查。重点看按钮和链接语义、键盘操作、焦点、表单等，要求它给出文件位置、问题和修改建议。
04｜anti-ui-slop
适合界面打磨与体验审查。除了正常画面，也检查加载、空状态、报错和手机布局。可选的 UIZZE MCP 需要另行连接，不能把免费 Skill 等同于已获取全部参考图库。
05｜ui-ux-pro-max
适合查具体设计问题，例如“筛选器在手机上怎样排”“错误提示放哪里”。它有本地检索资料，命中的配色、字体或规则仍要结合当前产品判断。
🎨 有明确风格，再做精修
06｜high-end-visual-design
当前保留为主动调用的 Classic 入口，偏向柔和对比、留白与弹性动效。适合明确喜欢这类方向的项目，使用时仍要照顾可读性和性能。
07｜redesign-existing-projects
这项要更新认知：上游已把它合并到 design-taste-frontend。旧目录保留迁移说明，接下来做旧页改版时，优先用后者，别重复安装一套已退休流程。
🛠 可以从一个小范围开始
比如资源库的筛选区：先用 design-taste-frontend 调整信息层级，再用 web-design-guidelines 检查键盘和焦点。只遇到某个样式问题时，再用 ui-ux-pro-max 查对应建议，不必一次把所有规则都打开。
可以直接这样提需求：
请用 design-taste-frontend 改进资源库的筛选区。用户主要在手机上查找 Skill；保留品牌、搜索、收藏和现有 React 组件。先查看当前页面，说明最影响查找的 3 个问题，再完成修改。核对加载、无结果、筛选已选与报错状态，并检查 390、768、1440 宽度。交付前后对照和实际验证结果。
📂 GitHub 来源
frontend-design：
https://github.com/anthropics/skills/tree/main/skills/frontend-design
web-design-guidelines：
https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
design-taste-frontend、high-end-visual-design 与旧改版入口：
https://github.com/Leonxlnx/taste-skill
anti-ui-slop：
https://github.com/uizze/uizze/tree/main/skills/anti-ui-slop
ui-ux-pro-max：
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
本篇按 2026 年 10 月 19—20 日的上游文件核对用途与入口，未做七项效果跑分；封面由 AI 生成。