majiayu000/claude-skill-registry

Web 界面指南

审查文件是否符合 Web 界面指南的规范。

工作方式

1. 从下面的来源 URL 获取最新的指南。
2. 读取指定的文件（或提示用户提供文件/模式）。
3. 对照所获取指南中的所有规则进行检查。
4. 以简洁的 file:line 格式输出发现的问题。

指南来源

每次审查前获取最新的指南：

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

使用 WebFetch 检索最新的规则。获取的内容包含了所有规则和输出格式说明。

用法

当用户提供文件或模式参数时：

1. 从上面的来源 URL 获取指南。
2. 读取指定的文件。
3. 应用所获取指南中的全部规则。
4. 使用指南中指定的格式输出发现的问题。

如果未指定文件，请询问用户要审查哪些文件。

---

相关技能

技能	何时使用
前端设计	编码前 - 学习设计原则（颜色、排版、用户体验心理学）
web-design-guidelines（本技能）	编码后 - 审计可访问性、性能和最佳实践

设计工作流程

1. 设计   → 阅读前端设计原则
2. 编码     → 实现设计
3. 审计    → 运行 web-design-guidelines 审查 ← 您当前在此处
4. 修复      → 处理审计发现的问题