图片设计
系统审查网站视觉与响应式问题
通过真实页面检查布局、层级、一致性、移动端和无障碍。
OUTCOME
先看最终成果
一份可定位到页面与源码的设计问题和修复清单。
STEP BY STEP
跟着步骤完成
- 01
明确任务
确定页面、设备和核心任务
- 02
建立方法
截图检查布局与视觉层级
- 03
执行记录
测试响应式、状态和可访问性
- 04
验证交付
修改源码并做前后对比验证
PROMPT
可直接使用的提示词
审查{{网站}}的界面设计。覆盖桌面和移动端，检查布局、层级、字体、颜色、间距、一致性、空白/加载/错误状态和无障碍，按影响给截图证据与源码修复建议。把双大括号中的内容替换为你的真实信息。先补足上下文，再追求表达效果。
QUALITY CHECK
交付前检查
- 任务边界和权限已经确认
- 关键结论能回到真实证据
- 过程保留必要日志或版本
- 结果经过独立验证或人工复核
SOURCE
来源与改编说明
- 仓库
- github/awesome-copilot
- 作者
- GitHub 社区贡献者
- 许可证
- MIT License
- 参考日期
- 2026-09-30
本站依据原技能的适用边界和工作流重新整理为中文实践教程，并非原项目官方译文。