SuperAPI AI 工具集

get-started

设计与创作

查看项目

更新于 10-30 16:19

技能介绍

Rams 是一款面向 UI 代码的设计审查工具,本页是其入门指南,按顺序介绍连接、快速检查、完整审查和验证修复四个步骤。

用途与范围:Rams 审查 UI 代码(React、Vue、Svelte、CSS、SwiftUI)的视觉设计与无障碍问题。它只读取调用中发送的内容,返回问题项,每项包含严重程度、类别和文件:行号。它不编辑文件、不运行代码、不打开拉取请求,也不接触任何代码库;应用修复始终是用户自己的步骤。Rams 仅审查 UI 代码,对后端代码、配置或测试没有可审查的内容;它只能看到调用中发送的内容,无法自行读取仓库;也不能部署、合并、更改计费或操作任何人的账户。

使用方式(四步):

  1. 连接:首次调用 Rams 工具时,会要求用户在 rams.ai 使用 Google 或 GitHub 登录并授权,无需粘贴密钥。若工具调用因授权错误失败,需在插件设置中连接 Rams 后重试。
  2. 快速检查:提供用户正在处理的一个 UI 文件或其组件内容,用文件路径和完整内容调用 quick_review。约十秒返回主要问题,不返回评分和补丁。以简短列表展示严重程度、问题内容和文件:行号。
  3. 完整审查:当用户需要评分或现成修复时,对相同文件调用一次 review_files,返回 0-100 评分、一行摘要和带修复的问题。许多问题在 patch 中包含可用 git apply 应用的 unified diff。先展示评分,再按从重到轻展示问题,并询问是否应用补丁;只有用户同意后才应用。
  4. 验证修复:应用修复后,用更新后的文件和第三步的问题调用 verify_fixes,报告哪些问题已修复、哪些仍存在。

此外,如果用户询问剩余审查次数,可调用 usage 并原样转述结果。

适用场景:在开发过程中对单个 UI 文件做快速问题排查,或对一组 UI 文件做带评分的完整设计审查并获取可应用的修复补丁,最后验证修复效果。

限制:仅审查 UI 代码;仅能看到调用中发送的内容;不执行编辑、运行、PR 或账户相关操作;审查次数等信息通过 usage 查询。