Critiquito: Design Critique
创建者 Manuel Muñoz Solera
审查产品界面,按优先级提出清晰度、易用性和无障碍修复。
发布前审查 UI
提供核心界面与用户任务,索取最有帮助的三项修复,并用真实用户和无障碍工具验证修改。
使用方法 Critiquito: Design Critique
为一个产品界面给出有排序的点评,再审查修订版。
基于所链接模板的 AI IDE List 使用说明。任务与审阅标准是建议,并非实测结果。
先添加这个 Bot
打开 官方 Critiquito: Design Critique 模板 ,选择 Import Bot 并在应用完成添加。进入对话后按下方流程操作;尚未配置应用时,请先阅读 安装与连接指南 .
准备事项
- 截图、可访问画板或在线页面。
- 目标用户、主要操作与目标视口。
- 现有设计系统或固定内容等限制。
提交界面与目标
说明用户下一步、移动或桌面环境及已知问题。
索取排序点评
要求层级、字体、色彩、文案与无障碍建议,均对应可见证据。
将发现转为修改
选两三项,索取可直接在设计或代码中应用的布局与文案变更。
对比修订版
并排提供原版与修订版,检查改善与新问题。
首次运行示例
将所有 [BRACKETED_VALUE] 替换为你的资料,附上所需文件,然后在 Bot 对话中发送。
点评 [SCREEN_FILENAME],用户 [TARGET_USER],视口 [VIEWPORT],主要动作 [ACTION],限制 [DESIGN_SYSTEM_OR_OTHER_LIMITS]。 按价值列五项修复,指出可见问题、任务影响、具体布局或文案改动,区分观察与假设。最后给出优先尝试的两项,我会提供修订版对比。
应得到的成果
用此检查表审阅首次成果,补足缺失项。
- 对应界面具体位置的排序点评。
- 针对重要问题的具体布局或文案修改。
- 提供修订版后的有效比较。
下次运行
对比时保持相同目标,仅在维护问题清单时选择每周检查。
首次运行受阻时
反馈模糊时明确用户和动作,交互状态单独提供,一张截图不代表完整流程。
模板包含什么
官方来源根据公开条目整理。以下标签描述能力,实际安装的技能和连接器名称不一定公开。
集成与输入
- Figma 链接
- Screenshots
- 在线网址
技能与操作流程
Screen critique · Flow review · UI copy review · Accessibility pass
例行任务
可选每周未解决设计问题检查,默认关闭。
注意事项
视觉审查无法证明键盘操作和读屏支持,应单独验证交互。