简诗 AI 网站综合设计评审
将以下提示词粘贴到你的 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测试,输出带优先级的详细报告
适合人员
- 前端工程师:在提交上线前自检,重点确认无障碍与跨断点行为是否达标
- 产品设计师:主持改版评审,需要按领域优先级收集可执行的修改建议
- 设计团队负责人:为新版本制定评审流程,确保每个领域都走完清单
- 内容运营:评估落地页转化路径,需要把问题按严重度排序后转给开发