メニュー
审阅 UI 代码是否符合 Web 界面指南。适用于“审阅我的 UI”“检查无障碍性”“审计设计”“审阅 UX”或“按最佳实践检查网站”等场景。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/MisonL/Ling --skill web-design-guidelinesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| 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 -> 根据审阅发现进行修复