30 秒看懂
它能做什么，以及什么时候值得选
Web Design Reviewer 是 GitHub Awesome Copilot 中检查运行中网站的流程，覆盖手机、平板、桌面和宽屏视口，定位源码中的设计问题，进行最小修复并重新验证。
按 Agent 安装
选择你的 Agent
路径来自 Agent 官方文档或 skills.sh 同源通用安装器。兼容状态仍以这个 Skill 的资料为准。
项目范围
.agents/skills/web-design-reviewer/个人范围
~/.copilot/skills/web-design-reviewer/项目范围适合团队共享；个人范围适合跨项目复用。安装器默认项目范围，加 -g 可改为个人范围。
安装命令（项目范围）
npx skills add github/awesome-copilot --skill web-design-reviewer --agent github-copilot典型工作流
从任务到结果的典型流程
01
检查运行中网站
捕获页面并审查布局、响应式、无障碍与一致性。
02
追踪到源码
为每个可见缺陷定位所属组件或样式规则。
03
修复并复验
进行最小源码修改并重复视口检查。
优点与局限
优点与使用边界
显著优点
- 把可见问题连接到具体源码修复。
- 同时覆盖响应式、无障碍与视觉一致性问题。
潜在缺点与局限
- 需要运行中的目标、浏览器自动化，以及修复时的源码访问。
- 固定视口清单不能替代真机测试、用户研究或完整无障碍审计。
适合人群
适合哪些人
→
发布前审查网站的前端团队
→
诊断响应式或一致性退化的维护者
使用前须知
使用前需要检查的风险
高
远程审查中的意外改动
针对生产目标的浏览器操作或源码编辑可能修改数据或扩大变更；生产审查应保持只读，确认源码工作区并在本地测试修复。
安全说明
如何理解它的权限
- 使用测试账户，并避免在截图中捕获密钥或个人数据。
- 把源码修改限制在已审查问题范围内。
这不是安全认证。 第三方评级仅作为标注来源的参考信息展示；SkillSignal 尚未独立执行或安全审查此 Skill。
软件包内容
已收录文件
SKILL.md上游软件包内容来源可查
references/visual-checklist.md上游软件包内容来源可查
references/framework-fixes.md上游软件包内容来源可查
标签
设计审查响应式视觉检查
SkillSignal 原创编辑资料，依据 GitHub Awesome Copilot 固定提交 318066d2 整理，核对日期 2026-08-20；未进行独立运行或安全认证。