القائمة
审阅 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يبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض 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 -> 根据审阅发现进行修复