Critiquito: Design Critique

创建者 Manuel Muñoz Solera

审查产品界面,按优先级提出清晰度、易用性和无障碍修复。

来源核查

发布前审查 UI

提供核心界面与用户任务,索取最有帮助的三项修复,并用真实用户和无障碍工具验证修改。

前端工程师独立开发者产品设计师

使用方法 Critiquito: Design Critique

为一个产品界面给出有排序的点评,再审查修订版。

基于所链接模板的 AI IDE List 使用说明。任务与审阅标准是建议,并非实测结果。

先添加这个 Bot

打开 官方 Critiquito: Design Critique 模板 ,选择 Import Bot 并在应用完成添加。进入对话后按下方流程操作;尚未配置应用时,请先阅读 安装与连接指南 .

准备事项

  • 截图、可访问画板或在线页面。
  • 目标用户、主要操作与目标视口。
  • 现有设计系统或固定内容等限制。
  1. 提交界面与目标

    说明用户下一步、移动或桌面环境及已知问题。

  2. 索取排序点评

    要求层级、字体、色彩、文案与无障碍建议,均对应可见证据。

  3. 将发现转为修改

    选两三项,索取可直接在设计或代码中应用的布局与文案变更。

  4. 对比修订版

    并排提供原版与修订版,检查改善与新问题。

首次运行示例

将所有 [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

例行任务

可选每周未解决设计问题检查,默认关闭。

注意事项

视觉审查无法证明键盘操作和读屏支持,应单独验证交互。

更多适合你的 Bot

全部 Grok Bots