Menu
审阅 UI 代码是否符合 Web 界面指南。适用于“审阅我的 UI”“检查无障碍性”“审计设计”“审阅 UX”或“按最佳实践检查网站”等场景。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/MisonL/Ling --skill web-design-guidelinesThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | web-design-guidelines |
| description | 审阅 UI 代码是否符合 Web 界面指南。适用于“审阅我的 UI”“检查无障碍性”“审计设计”“审阅 UX”或“按最佳实践检查网站”等场景。 |
| metadata | {"author":"vercel","version":"1.0.0","argument-hint":"<file-or-pattern>"} |
审阅文件是否符合 Web 界面指南。
file:line 格式输出发现每次审阅前都获取最新指南：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新规则。获取内容包含完整规则及输出格式说明。
当用户提供文件或路径参数时：
如果未指定文件，请先询问用户要审阅哪些文件。
| 技能 | 适用场景 |
|---|---|
| frontend-design | 编码前：学习设计原则（色彩、排版、UX 心理学） |
| web-design-guidelines（当前） | 编码后：审计无障碍、性能与最佳实践 |
1. DESIGN -> 阅读 frontend-design 原则
2. CODE -> 实现设计
3. AUDIT -> 运行 web-design-guidelines 审阅 <- 当前所处阶段
4. FIX -> 根据审阅发现进行修复
Based on SOC occupation classification