网页界面规范审查

技能简介

该技能用于审查网页界面代码是否符合Vercel Labs发布的Web Interface Guidelines规范，帮助开发者识别UI实现中的可访问性、设计一致性和用户体验问题。

能做什么

• 自动获取最新版Web Interface Guidelines规则
• 扫描指定文件或目录的UI代码
• 输出格式化的审查结果（file:line格式）
• 支持无参数交互式使用

使用说明

1. 安装要求：需支持WebFetch功能的运行环境
2. 基本用法：提供文件路径或匹配模式作为参数
3. 执行流程：
   – 从 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md 获取最新规则
   – 读取目标文件内容
   – 逐条应用规则进行检查
   – 按指南指定格式输出发现的问题
4. 未提供文件时，系统会询问需要审查的文件

输入与输出

见下方输入与输出表格。

风险提示

• 依赖外部URL获取规则，网络异常时无法执行
• 规则更新可能导致不同时间审查结果不一致
• 仅覆盖指南中定义的规则，不替代完整人工测试
• 输出格式由远程规则决定，本地不可定制

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/sharanga10/web-design-guidelines/SKILL.md
来源类型：GitHub仓库