SuperAPI AI 工具集

ryux-critique

设计与创作

查看项目

更新于 10-20 16:13

技能介绍

用途 RYUX Critique 用于在用户接触界面之前,先获得一次“资深设计师视角”的设计评审。它回答的问题是:这个界面是否讲得通,应该最先改什么。它是一个编排器(orchestrator),而不是一堆规则的堆叠:先分析设计本身,再结合 RYUX 知识技能进行推理,并从 RYUX Knowledge 中提取证据,最后输出可被执行的发现。

主要能力

  • 支持多种输入来源的评审:Figma 链接、pen.dev 设计、网站 URL、截图或图片,以及仅有代码的情况。
  • 先分析后评审:通过 ryux-analyze(捕获与清单)或复用已有分析,清单会标注 Measured(实测)、Observed(观察)、Inferred(推断)。
  • 按 11 个类别逐项检查:产品、UX、交互、表单、内容、UI、设计系统、无障碍、响应式、边界情况、反模板化,并区分必选(Required)、优先(Preferred)、情境化(Contextual)规则,避免机械套用。
  • 证据支撑:连接 ryux MCP 时,可用 search_screens 查找 1 到 3 个对照界面,并通过 heuristic_eval 输出 PASS 或 FAIL,将发现映射到 Nielsen 启发式 H-01 至 H-10。
  • 报告结构固定:每条发现包含 ID、严重程度(0 至 4)、类别、位置与问题、证据、影响、建议、置信度与来源;另附总体判断、评审范围说明、九维设计解读、保留项与修复优先级。

使用方式 技能按以下流程推进:

  1. 上下文:明确用户是谁、该页面承载什么任务、平台与流程位置;未说明时从设计推断并列为假设。
  2. 先分析:运行 ryux-analyze 或复用已有分析;未安装时按来源分别用 Figma MCP、pencil MCP、Playwright 截图、直接读取图片或先渲染代码的方式捕获。
  3. 设计解读:对清晰度、层级、一致性、密度、信心、效率、针对性、可恢复性、无障碍九个维度打分(Strong/Adequate/Weak)并各给一句理由。
  4. 分类评估:加载适用的知识技能并逐条走查。
  5. 证据:连接 MCP 时为主要发现找对照界面并做启发式评估。
  6. 报告:输出排序后的发现、结论、评审范围、保留项和修复优先级。

适用场景 产品经理与设计师在上线前自查界面逻辑;评审 Figma 稿件或 pen.dev 原型;对线上网站做可用性体检;从截图快速获得可执行的改进清单;在团队评审会前生成有证据、有优先级的意见。

限制

  • 严格只读:评审过程中不修改 Figma 文件、pen.dev 文档或网站。
  • 静态画面无法体现 hover、focus、加载状态或窄宽度表现,未测试内容会被明确标注并降低置信度。
  • 不给出无位置、无来源、无理由的发现;严重程度达到 3 及以上时,若连接 MCP 需要真实的对照 screen_id。
  • 每条发现推断出的问题不得标为高置信度;不粘贴“现代化”“加留白”之类的泛泛建议。
  • 不宣称结果“完全无障碍”或“UX 已优化”,只说明检查了什么。