adding-api-docs — скилл для Claude Code: OpenAPI-документация API
Скилл собирает OpenAPI/Swagger-описание вашего API: схемы эндпоинтов, типы запросов и ответов, интерактивную страницу документации.
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a claude-codeЧто делает adding-api-docs
Скилл включается, когда вы просите добавить API-документацию, Swagger или OpenAPI-спеку. Сначала агент определяет фреймворк: Express, Fastify, Next.js API routes, Hono, Django REST Framework, FastAPI и другие.
Дальше сценарий зависит от стека. Для Node.js/Express ставятся swagger-jsdoc и swagger-ui-express, а спека собирается из JSDoc-аннотаций прямо над обработчиками маршрутов. В Next.js API routes агент создаёт openapi.json вручную или тянет его из обработчиков через next-swagger-doc и отдаёт по /api/docs. У FastAPI документация уже встроена на /docs и /redoc, и скилл следит, чтобы модели Pydantic использовались для типов запроса и ответа — тогда схемы генерируются сами.
Отдельные шаги — интерактивный UI (Swagger UI, Scalar или Redoc), схемы тел запросов и ответов через Zod или JSON Schema, плюс описание схемы авторизации в securitySchemes. Скилл советует генерировать спеку из кода, а не вести отдельный YAML руками: расхождение с реальным API — самая частая поломка такой документации.
Какие задачи решает
- сгенерировать OpenAPI-спеку из обработчиков Express
- отдать Swagger UI на маршруте
/docs - описать схемы запросов и ответов через Zod
- задокументировать Bearer-токен и OAuth2 в
securitySchemes - подключить
next-swagger-docк Next.js API routes
Примеры запросов агенту
- добавь API-документацию для моих Express-роутов
- сгенерируй OpenAPI-спеку и подними Swagger UI на /docs
- опиши схемы запросов и ответов и схему авторизации в спеке
Как установить adding-api-docs
1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a claude-code2Вручную: положить файлы
~/.claude/skills/adding-api-docs/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/adding-api-docs/
1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a codex2Вручную: положить файлы
.agents/skills/adding-api-docs/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a cursor2Вручную: положить файлы
.cursor/skills/adding-api-docs/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install spencerpauly/awesome-cursor-skills adding-api-docs2Вручную: положить файлы
.github/skills/adding-api-docs/SKILL.md1Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a gemini-cli2Командой платформы
gemini skills install https://github.com/spencerpauly/awesome-cursor-skills --path resources/adding-api-docsВручную: положить файлы
.devin/skills/adding-api-docs/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора59
Похожие
Рядом в теме «Бэкенд и API»
Всё по теме «Бэкенд и API» →Вопросы о adding-api-docs
Как установить adding-api-docs в Claude?
Выполните npx skills add spencerpauly/awesome-cursor-skills --skill adding-api-docs -a claude-code. Скилл окажется в ~/.claude/skills/adding-api-docs/SKILL.md.
Что делает adding-api-docs?
Генерирует OpenAPI/Swagger-документацию для API: схемы эндпоинтов, типы запросов и ответов, интерактивный UI. Работает с Express, Fastify, Next.js API routes, Hono, Django REST Framework и FastAPI.
Нужно ли вести отдельный YAML-файл со спекой?
Скилл советует генерировать спеку из кода, где это возможно, чтобы она не расходилась с реальным API. Отдельный YAML придётся синхронизировать вручную.
Исходный текст
SKILL.md · CC0-1.0
---
name: adding-api-docs
description: Generate OpenAPI/Swagger documentation for an API, including endpoint schemas, request/response types, and interactive docs UI.
---
# Add API Documentation (OpenAPI)
Use this skill when the user asks to add API docs, Swagger, OpenAPI spec, or generate endpoint documentation.
## Steps
1. **Detect the API framework** — check for Express, Fastify, Next.js API routes, Hono, Django REST Framework, FastAPI, etc.
2. **For Node.js/Express** — install `swagger-jsdoc` and `swagger-ui-express`:
```bash
npm install swagger-jsdoc swagger-ui-express
npm install -D @types/swagger-jsdoc @types/swagger-ui-express
```
Create the OpenAPI spec from JSDoc annotations on route handlers:
```ts
/**
* @openapi
* /api/users:
* get:
* summary: List all users
* responses:
* 200:
* description: A list of users
*/
```
3. **For Next.js API routes** — create an `openapi.json` file manually or use `next-swagger-doc` to generate from route handlers. Serve the spec at `/api/docs`.
4. **For FastAPI (Python)** — docs are built-in at `/docs` (Swagger UI) and `/redoc`. Ensure Pydantic models are used for request/response types so schemas are auto-generated.
5. **Add interactive docs UI** — serve Swagger UI at a `/docs` route, or use Scalar/Redoc for a modern alternative:
```bash
npm install @scalar/express-api-reference
```
6. **Define schemas** — create Zod schemas (or JSON Schema) for request bodies and responses, then reference them in the OpenAPI spec. For TypeScript projects, use `zod-to-openapi` to generate schemas from existing Zod validators.
7. **Add authentication documentation** — document the auth scheme (Bearer token, API key, OAuth2) in the OpenAPI `securitySchemes` section.
## Notes
- Keep the spec in sync with the actual API — generate from code when possible rather than maintaining a separate YAML file.
- Add example values to schemas for better developer experience.
- Version the API docs alongside the code.
© spencerpauly · CC0-1.0 · spencerpauly/awesome-cursor-skills