TOKREPO · 主题包
本周新建

API 设计 + 自动文档套件

9 件套,给设计 REST / GraphQL API 的工程师:spec-first 设计 agent、类型驱动的真相源、契约 breaking-change diff、客户端 SDK 生成、交互式 reference 渲染,以及做端到端测试的真 API 客户端。

9 个资产

这个 pack 包含什么

受众:你以设计 REST 或 GraphQL API 为生。你今天发出去的契约要被十几个客户端团队消费、被 SDK 自动生成器消费、被文档站消费、还被一个根据你 OpenAPI spec 写客户端代码的 LLM 消费。编辑器里已经有 AI。它现在还做不好的事情是:让所有这些面在 API 演进时保持同步 — 设计意图在一处、spec 在另一处、生成的 SDK 在第三处、文档在第四处,到了周五其中三个已经悄悄不一致了。

这个 pack 9 个工具就是为这个缺口设计的。每一个都可以被 agent 直接操作(Claude Code skill、MCP server,或者 agent 能驱动的 CLI),不是又一个你 npm install 就能装的库。六层按顺序:设计 → spec 源 → 验证 → SDK 生成 → 文档 → 测试。

推荐安装顺序

顺序很重要。每一层产出下一层需要的输入。

  1. Claude Code Agent: API Designer(id 4287)— 全新项目从这里开始。一个 Claude Code agent,吃功能描述,吐出端点、payload 形状、状态码、分页、错误模型。只动嘴不出 spec — 这是「想清楚」的环节,避免「agent 在周三之前发明了三套互相打架的分页方案」。
  2. Claude Code Agent: API Architect(id 50)— 重量级的同门,专注 REST + GraphQL 跨多个资源的系统设计、版本策略、auth scope 形状、限流语义。需求不是一个端点而是整个资源模型时上。
  3. Claude Code Agent: GraphQL Architect(id 4270)— GraphQL 专属。schema 设计(type / interface / union)、用 batching 防 N+1、联邦边界。100% REST 团队跳过;组织里有任何服务讲 GraphQL 就装上。
  4. TypeSpec(id 4194)— 类型化的真相源。微软的 API 描述语言,编译到 OpenAPI 3 / JSON Schema / Protobuf。写 TypeSpec 而不是手编 3000 行 OpenAPI YAML 是这套里单点杠杆最高的一招 — agent 读写 TypeSpec 的正确率远高于直接改原始 OpenAPI 不出错的概率。
  5. oasdiff(id 3215)— OpenAPI spec 的 breaking-change diff CLI。每个动 spec 的 PR 都跑一遍,merge 卡「不是 major version bump 不许有 breaking change」。这就是阻止 AI 悄悄重命名一个字段、然后周一发出去一个 P1 的那道闸门。
  6. Kiota(id 3189)— 微软的 OpenAPI 客户端生成器。和 TypeSpec 同门,生成 C# / Go / Java / Python / TypeScript / Ruby / PHP 的地道客户端。对现代 spec 而言,速度和输出质量都比老一辈生成器更好。
  7. Swagger UI(id 2341)— 交互式 reference 渲染。事实标准的「Try it out」文档。纯 HTML + JS,没 SaaS,丢到任何静态站点都行。配 TypeSpec → OpenAPI 构建链使用。
  8. Insomnia(id 1918)— 开源 API 客户端,支持 REST / GraphQL / gRPC。端到端测试面。用来手工验证生成出来的 SDK 真能跟你的服务说话、文档跟上线的内容对得上。
  9. reShapr(id 3641)— 把 OpenAPI 变成 MCP tool,零代码。这一步之后,你自己的 API 就能被 Claude / Codex / Cursor 当作 MCP tool 调用 — 意味着你客户跑的下一个 AI agent 能直接驱动你的 API。大多数团队跳过这步,然后纳闷为啥竞争对手的 API 感觉更「AI 原生」。

它们怎么协同

         ┌────────────────────────┐
         │  Designer / Architect  │  ← 「设计这个功能」
         │   agents (4287, 50)    │     (只说话,还不出 spec)
         │   GraphQL Architect    │
         │       (4270)           │
         └───────────┬────────────┘
                     │ 端点 + payload 方案
                     ▼
         ┌────────────────────────┐
         │  TypeSpec (4194)       │  ← 类型化真相源
         │  编译到 OpenAPI /      │
         │  JSON Schema / Protobuf│
         └───────────┬────────────┘
                     │ openapi.yaml
                     ▼
   ┌─────────────────┴─────────────────┐
   │  oasdiff (3215) 卡 PR merge       │  ← breaking-change diff
   └─────────────────┬─────────────────┘
                     │ (安全的 spec)
   ┌──────────┬──────┴──────┬──────────┐
   ▼          ▼             ▼          ▼
  Kiota   Swagger UI    reShapr     Insomnia
  (3189)    (2341)      (3641)      (1918)
  SDK 生成  文档站      MCP tool    端到端测试

关键的闭环:设计 agent 起草 → TypeSpec 把设计编码成类型 → oasdiff 守住契约 → SDK 生成 + 文档 + MCP wrapper + 测试客户端都消费同一份 spec。 跳过类型化真相源,下游每一层都开始漂移。跳过 oasdiff,agent 早晚会做一个 breaking change,等客户出问题你才发现。

你会遇到的取舍

  • API Designer vs API Architect — Designer(4287)是端点级(「这一个资源该长什么样」)。Architect(50)是系统级(「这 8 个资源怎么关联 / 版本化 / 鉴权」)。全新单个功能 → Designer。新服务或大版本重设计 → Architect。同一个 prompt 上叠两个 → 文本量乘 2、信号量减半。
  • TypeSpec vs 手写 OpenAPI — 已经有 5000 行精心整理的 OpenAPI 和稳定 spec 的团队,手写赢。从零开始、或者 agent 老是把 spec 改成无效 YAML 的团队,TypeSpec 赢。迁移成本真存在;每个服务规划一周。
  • Kiota vs OpenAPI Generator — Kiota 更新、面更小、输出更干净、支持语言更少。OpenAPI Generator(Tech Writer pack 里)更老、50+ 种语言、输出不太地道。现代栈选 Kiota;需要 Ruby / Crystal / Elixir 客户端选 OpenAPI Generator。
  • Swagger UI vs 托管文档平台 — Swagger UI 免费、纯静态、不依赖任何后台。托管平台(Stoplight / Readme / Mintlify)更精致但是 SaaS 依赖。先用 Swagger UI;只有当 DX 团队有预算和理由时再升级。
  • Insomnia vs Postman — Insomnia 开源、本地优先。Postman 是带云同步和团队功能的市场领导者。小团队、不需要云端共享 collection 的话,Insomnia 更干净 — 不用账号、没遥测、导出是能 git-commit 的纯 JSON。
  • reShapr vs 手写 MCP server — 手写 MCP server 给你完全控制 tool 命名、描述、行为的能力。reShapr 几分钟从 OpenAPI 生一个出来,但是把每个端点都当成一个 tool —— 你想要 20 个,它给你 200 个。先用 reShapr 证明价值,API 面大了再手工裁剪。

常见踩坑

  • 让设计 agent 直接发明 spec — Designer(4287)和 Architect(50)都很乐意按要求输出 OpenAPI YAML。别。让它们先输出结构化的设计文档,然后翻译成 TypeSpec,再编译。跳过结构化文档这一步,spec 会变成人审不动的黑盒。
  • 「我们 code review 时会抓住的」所以跳过 oasdiff — 抓不住。3000 行 spec 的 v1 vs v2 diff 肉眼审不动。把 oasdiff 接到 CI 里,让它卡 merge,接受这点摩擦。
  • 把生成的 SDK 写进服务仓库 — 生成的客户端代码放独立仓库或者 client-sdks/ 目录。服务代码和生成代码混在一起,构建图会变乱,agent 早晚改错文件。
  • 把 Swagger UI 当成唯一的文档面 — 「Try it out」文档必要但不充分。要配散文:上手指南、auth 走读、错误目录。那部分是 Tech Writer pack 的活。
  • 不做 scope 就把整个 API 暴露成 MCP tool — reShapr(3641)让你轻松把 200 个端点暴露成 200 个 tool。大多数 agent 在 50 个 tool 以上就开始噎住。要裁剪哪些端点变 MCP tool;不是每个 CRUD 端点都配。
安装 · 一行命令
$ tokrepo install pack/api-design-autodoc
丢给 agent,或粘到终端
包内含什么

9 个资产打包就绪

Skill#01
Claude Code Agent: API Designer

Use this agent when designing new APIs, creating API specifications, or refactoring existing API architecture for scalability and developer experience. Invoke when you need...

by TokRepo精选·27 views
$ tokrepo install claude-code-agent-api-designer-1396c744
Skill#02
Claude Code Agent: API Architect — Design REST & GraphQL APIs

Claude Code agent for API design. REST endpoints, GraphQL schemas, authentication, rate limiting, versioning, and documentation.

by Skill Factory·193 views
$ tokrepo install claude-code-agent-api-architect-design-rest-graphql-apis-28978138
Skill#03
Claude Code Agent: Graphql Architect

Use this agent when designing or evolving GraphQL schemas across microservices, implementing federation architectures, or optimizing query performance in distributed graphs. Specif

by TokRepo精选·25 views
$ tokrepo install claude-code-agent-graphql-architect-72baddfa
Skill#04
TypeSpec — Define APIs with Types by Microsoft

TypeSpec is an API definition language by Microsoft that lets you describe REST, OpenAPI, gRPC, and other API protocols using a concise, type-safe syntax. It generates OpenAPI specs, client SDKs, and server stubs from a single source of truth.

by AI Open Source·40 views
$ tokrepo install typespec-define-apis-types-microsoft-6080f271
Script#05
oasdiff — OpenAPI Breaking-Change Diff CLI

oasdiff compares two OpenAPI specs and flags breaking changes with CI-friendly exit codes, so API refactors don’t silently ship incompatible contracts.

by Script Depot·43 views
$ tokrepo install oasdiff-openapi-breaking-change-diff-cli
Script#06
Kiota — Generate OpenAPI Clients Anywhere

Kiota is a CLI that generates strongly-typed API clients from any OpenAPI description, so your app doesn’t depend on a different SDK per service.

by Script Depot·35 views
$ tokrepo install kiota-generate-openapi-clients-anywhere
Skill#07
Swagger UI — Interactive API Documentation from OpenAPI Specs

A browser-based tool that renders OpenAPI specifications as interactive API documentation where developers can explore endpoints and execute requests directly.

by AI Open Source·176 views
$ tokrepo install swagger-ui-interactive-api-documentation-openapi-specs-bd2b2213
Script#08
Insomnia — Open-Source API Client for REST, GraphQL & gRPC

Design, debug, and test APIs with a collaborative open-source client that supports REST, GraphQL, gRPC, and WebSocket protocols.

by Script Depot·140 views
$ tokrepo install insomnia-open-source-api-client-rest-graphql-grpc-d4c71a18
MCP#09
reShapr — Turn OpenAPI into MCP Tools (No-code)

reShapr turns REST/GraphQL/gRPC APIs into MCP tools with context control; verified 86★ and ships a CLI plus `reshapr run` to start the platform.

by MCP Hub·58 views
$ tokrepo install reshapr-turn-openapi-into-mcp-tools-no-code
常见问题

常见问题

为啥用 TypeSpec 而不是直接写 OpenAPI?

两个原因。一,OpenAPI YAML 是一个序列化格式,不是给人看的语言 — spec 一旦过 1000 行,手编不出错就是一个持续的低强度税。TypeSpec 是真正的语言:有 import、decorator、泛型、IDE 支持;同样的 API 大概只要三分之一的行数。二,AI agent 读写 TypeSpec 的正确率远高于改 OpenAPI 不引入 schema 错误的概率。如果你从零开始、或者 agent 老是把 spec 改坏,切到 TypeSpec 两周就回本。

三个设计 agent(4287 / 50 / 4270)都要装吗?

大概率不是同一个项目都装。API Designer(4287)是按功能维度:把这一个资源想清楚。API Architect(50)是按服务维度:把整个资源模型铺开。GraphQL Architect(4270)只针对 GraphQL。纯 REST 团队做单个功能 — 只用 Designer。新服务用 GraphQL — Architect + GraphQL Architect。一个 prompt 上叠三个 — 建议重叠、零增量信号。

oasdiff 真能抓住 agent 引入的 breaking change?

能,这正是要点。AI 做 spec 时最常见的失败模式:重命名字段(user_iduserId)、把必填改成可选或反过来、删除一个枚举值、把响应类型收窄。这些都是形式上的 breaking change,diff 大了肉眼审都漏,正好是 oasdiff 要标的东西。接到 CI 里、PR 标题没有 BREAKING: 就 fail,这类事故近乎归零。

为啥把 reShapr 也算进来 — MCP 不是跟 API 设计是两回事吗?

以前是。2026 年不是。你的 API 现在有两类调用方:写代码的开发者,和调 tool 的 AI agent。只为前者设计就是退步。reShapr(3641)不用重写任何东西,把你既有的 OpenAPI 变成 MCP tool,同一份契约同时服务两类受众。pack 把它放最后一步是因为价值只有前 8 步都稳了之后才显现 — 但它确实属于这套配置。

整套能用一个 Claude Code 会话跑完吗?还是要多 agent 系统?

一个就够。pack 里的四个「agent」(API Designer / API Architect / GraphQL Architect,加上 Backend pack 里可能拉来的 Backend Architect)都是 Claude Code 的 subagent — 它们装到同一个会话里,按任务自动切换。TypeSpec / oasdiff / Kiota / Swagger UI / Insomnia / reShapr 是 CLI 或本地工具,任何 agent 都能通过 Bash 驱动。不需要多 agent 框架;编排就是你常规的任务流加上当前 scope 里合适的专家 agent。

更多主题包

12 个主题包 · 80+ 精选资产

回首页浏览全部精选合集

返回主题包总览