Agent Skills
返回列表
简诗 AI 网站综合设计评审

简诗 AI 网站综合设计评审

AI Agent 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,在 AI 助手中安装 @user_fccf428b/webdesign-review。

技能介绍

它解决什么问题

一次「看着不太对」的设计评审,往往来自两种缺失:评审者只凭主观偏好给出意见,缺少可追溯的判断依据;或者只盯着视觉层面,漏掉了可达性、可用性这些影响面更大的问题。等到上线后才被发现,返工成本远高于评审阶段的一次完整走查。

工作方式

该技能是一个元技能(meta-skill),不重复实现各设计领域的规则,而是编排 20 个领域技能,按优先级顺序串行分析。

  • 先总览,再下钻:总是从整体评估开始,再进入细节逐项检查
  • 固定顺序:accessibility → usability → ux-design → ui-design → web-typography → color-theory → responsive-design,以及导航、媒体、品牌、转化等共 20 个领域
  • 逐领域过清单:每个领域走对应 checklist,DON'T 跳过「看起来没问题」的项
  • 结构化结论:每条发现都写成 Domain > Rule > Finding > Severity > Solution 五段式,附截图或代码示例作为证据
  • 严重度分级:Critical(BFSG 可达性违规、功能缺陷、安全问题)必须立即修;Important 应在发布前解决;Recommendation 可排期迭代
  • 结论有上限:每个领域不超过 20 条发现,只保留影响最大的
  • 正面反馈:不只列缺陷,也会明确指出设计上做对的地方

四种评审模式

  • Quick Review(30 分钟):只跑前 6 个高优先级领域,过清单不做深度分析
  • Standard Review(2 小时):20 个领域全量走查,产出分级结论与 Top 5 优先项
  • Deep Audit(1 天):在上面基础上增加屏幕阅读器测试、Lighthouse 分析、性能测量、跨浏览器与真机测试
  • Comparative Review:与竞品对比,找出每个领域的最优解法,给出差异化建议

适用边界

输出是评审报告与改进建议,不是自动修改代码的工具。评审前需要先明确目标受众、业务目标、行业与竞品范围;若这些上下文缺失,直接评审容易给出脱离场景的结论。

同时技能要求每条发现都给出至少一条具体改进建议,「这样不好看」这类没有规则引用的主观判断不能算作评审结论。安全边界上,不自动安装依赖、修改系统权限或创建持久化任务;涉及发送、发布、删除、付款、部署等外部写入操作时,先展示目标与影响并取得明确确认。

使用场景

  • 上线前对完整站点做标准评审,按20个领域清单逐项记录问题与修复建议
  • 快速评审只覆盖前6个高优先级领域,30分钟内产出可达性与排版问题清单
  • 页面改版时做竞品对比评审,找出各设计领域的最优做法并给出差异化建议
  • 深度审计增加屏幕阅读器与Lighthouse测试,输出带优先级的详细报告

适合人员

  • 前端工程师:在提交上线前自检,重点确认无障碍与跨断点行为是否达标
  • 产品设计师:主持改版评审,需要按领域优先级收集可执行的修改建议
  • 设计团队负责人:为新版本制定评审流程,确保每个领域都走完清单
  • 内容运营:评估落地页转化路径,需要把问题按严重度排序后转给开发