LogoClawIndex
案例技能关于
LogoClawIndex

openapi-to-components - 生成API客户端并更新Next.js组件

将OpenAPI规范转换为TypeScript类型、API客户端,并更新Next.js组件使用真实API调用

标签

更新于: 2026-06-30

能力

典型输入

典型输出

该技能可以做什么

  • 读取OpenAPI规范文件
  • 读取前端组件文件
  • 读取API映射参考
  • 生成TypeScript类型文件
  • 生成API客户端文件
  • 生成API函数文件
  • 更新页面组件文件

输入

  • .synnovator/openapi.yaml
  • frontend/components/pages/*.tsx
  • references/frontend-api-mapping.md

输出

  • frontend/lib/types.ts
  • frontend/lib/api-client.ts
  • frontend/lib/api/*.ts
  • 更新后的 frontend/components/pages/*.tsx

要求

  • Node.js
  • Next.js App Router
  • TypeScript

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
API
代码生成
Next.js
TypeScript
OpenAPI
读取OpenAPI规范文件
读取前端组件文件
读取API映射参考
生成TypeScript类型文件
.synnovator/openapi.yaml
frontend/components/pages/*.tsx
references/frontend-api-mapping.md
frontend/lib/types.ts
frontend/lib/api-client.ts
frontend/lib/api/*.ts