SuperAPI AI 工具集

uxloom

UXLoom 是一款面向 AI 智能体的 UI/UX 设计验证工具,通过 MCP 服务器提供设计评审能力。它将用户旅程建模为状态机、把界面视为带状态契约的节点,在设计阶段就能机械地证明缺失内容:不可达界面、死胡同、缺少错误/空/加载状态、WCAG 对比度不足、触控目标过小、本地化时标签溢出等问题。工具具有确定性——相同输入生成逐字节相同的报告,在种子缺陷目录上基准测试精确率/召回率均为 1.000,跨进程 SHA-256 稳定,1000 个界面处理时间低于 5ms,因此可用于 CI 门禁。它支持 Agent Skills,兼容 Claude Code、Codex 及任何 MCP 客户端,并提供基于证据的设计评审、智能体可寻址评论和 CI 集成。

访问官网

工具介绍

UXLoom 是面向 AI 生成界面的 UI/UX 设计验证工具,核心理念是充当“评审层”:AI 生成器(如 v0、Lovable、Figma Make、Claude)通常只产出快乐路径的界面,而 UXLoom 在产品代码编写之前,就把用户旅程建模为状态机,将界面视为带状态契约的节点,并机械地证明设计中的缺失与缺陷。

主要能力

  • 旅程完整性验证:检测不可达界面、死胡同状态。
  • 状态覆盖检查:发现缺少的错误、空、加载等基线状态。
  • 可访问性与适配性检查:WCAG 对比度失败、触控目标尺寸过小、本地化后标签溢出。
  • 基于证据的设计:契约中的每个决策可携带理由、被拒绝的替代方案及其优缺点、来源和置信度,并由评审器执行;通过有界的 design_review 循环(最多 3 轮)迭代,预览的证据面板(ⓘ)和导出中可向利益相关者展示。
  • 智能体可寻址评论:评审者在预览中放置固定评论并点击“→ agent”,评论即成为任何 Gen-AI 模型可读的工作项,comment_context 返回固定布局块、界面契约、旅程引用及该界面的当前发现,智能体可处理并带着注释解决回预览。
  • 确定性:相同输入生成逐字节相同的报告;在种子缺陷目录上基准测试精确率/召回率均为 1.000,跨进程 SHA-256 稳定,1000 个界面处理时间低于 5ms。这使得设计完整性可以像 LLM 意见无法做到的那样,用于 CI 门禁。

使用方式

  • 项目文件 uxloom.project.json 位于工作区并纳入 git,设计即数据,与代码一同版本化。
  • 工作流(也作为 skill 提供在 packages/mcp-server/skills/):project_init → brief_start / brief_answer → journey_define → screen_register → project_validate → 修复 → 重复直到零错误 → coverage_report。
  • 面向智能体:接口为 MCP 服务器,可与 Claude Code、Codex 及任何 MCP 客户端配合。
  • 面向人类与 CI:check 和 audit 支持 --json、--sarif(GitHub 代码扫描)和 --github(内联 PR 注释)。支持棕地:--update-baseline 冻结现有发现,只阻止新的漂移;uxloom.config.json 可调阈值以匹配可访问性标准。

适用场景

  • 在 CI 中增加门禁,使仅含快乐路径的设计无法合并。
  • 设计评审阶段发现状态缺失、可访问性问题和本地化风险。
  • 智能体辅助设计工作流中,从反馈到处理的一键闭环。

限制与维护

  • JourneyGraph 格式(formatVersion: "0.1")可能在 1.0 之前演进。
  • 已发布并维护在 npm 和官方 MCP 注册表;基准评分卡随每个 GitHub 发布公布。
  • 详细的安装命令、快速入门步骤和故障排除文档在官网 uxloom.dev 及其文档页 uxloom.dev/docs.html。