skills/api_design/SKILL.md
--- name: api_design router_kit: FullStackKit description: API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api. metadata: skillport: category: development tags: [accessibility, api design, api integration, backend, browser apis, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, responsive design, seo, state m
npx skillsauth add vuralserhat86/antigravity-agentic-skills skills/api_designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
RESTful ve GraphQL API tasarımı rehberi.
GET(read) · POST(create) · PUT(full-update) · PATCH(partial) · DELETE
2xx Success · 4xx Client Error · 5xx Server Error
| Code | Kullanım | |------|----------| | 200/201/204 | OK/Created/No Content | | 400/401/403/404/422 | Bad/Unauth/Forbidden/NotFound/Validation | | 500/503 | Server Error/Unavailable |
Pattern: /api/v{n}/{resource}/{id?}/{sub-resource?}
✅ GET /api/v1/users
✅ GET /api/v1/users/{id}
✅ POST /api/v1/users
❌ GET /api/v1/getUsers (verb kullanma!)
?page=1&limit=20 · ?status=active · ?sort=createdAt&order=desc · ?fields=id,name
// Success
{ success: true, data: T, meta?: { page, total } }
// Error
{ success: false, error: { code: string, message: string, details?: [] } }
| Yöntem | Örnek | Öneri |
|--------|-------|-------|
| URL (önerilen) | /api/v1/users | ✅ En yaygın |
| Header | Accept: ...version=1 | Opsiyonel |
| Query | ?version=1 | Kaçın |
type Query {
user(id: ID!): User
users(filter: Filter, pagination: Pagination): UserConnection!
}
type Mutation {
createUser(input: CreateUserInput!): UserPayload!
}
N+1 Çözümü: DataLoader, Batch loading, Query complexity limiting
openapi: 3.0.3
info: { title: API, version: 1.0.0 }
paths:
/users:
get:
responses:
'200': { $ref: '#/components/schemas/UserList' }
API Design v2.0 - Compact
Kaynak: Best Practices for API-First Development
openapi.yaml or schema.graphql BEFORE coding.| Aşama | Doğrulama | |-------|-----------| | 1 | OpenAPI spec onaylandı (lint geçerli) | | 2 | Kod ve Spec tipleri senkronize (codegen) | | 3 | Contract testleri geçiyor | | 4 | Dokümantasyon canlı ve güncel |
tools
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
development
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
development
--- name: websocket_engineer router_kit: FullStackKit description: WebSocket specialist for real-time communication systems. Invoke for Socket.IO, WebSocket servers, bidirectional messaging, presence systems. Keywords: WebSocket, Socket.IO, real-time, pub/sub, Redis. triggers: - WebSocket - Socket.IO - real-time communication - bidirectional messaging - pub/sub - server push - live updates - chat systems - presence tracking role: specialist scope: implementation output-format:
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.