API Designer
Skill DisahkanREST and GraphQL API architect for designing robust, scalable APIs. Use when designing new APIs or improving existing ones.
This skill acts as an expert API architect, providing detailed principles and guidelines for designing REST and GraphQL APIs. It covers resource-oriented design, HTTP methods, status codes, naming conventions, pagination, filtering, and versioning, along with best practices for GraphQL schema design and authentication. It also includes scripts for scaffolding new API designs.
Practical Utility
- info:Edge casesWhile the skill outlines good API design principles, it doesn't explicitly document failure modes or recovery paths for hypothetical user inputs.
Pemasangan
npx skills add charon-fan/agent-playbookMenjalankan Vercel skills CLI (skills.sh) melalui npx — memerlukan Node.js secara setempat dan sekurang-kurangnya satu ejen yang serasi skills dipasang (Claude Code, Cursor, Codex, …). Menganggap repo mengikut format agentskills.io.
Sambungan serupa
Eraser Diagram Generator
98Generates architecture diagrams from code, infrastructure, or descriptions. Use when user asks to visualize, diagram, or document system architecture.
Eraser Diagram Generator
98Generates architecture diagrams from code, infrastructure, or descriptions. Use when user asks to visualize, diagram, or document system architecture.
Blind Spot Detective
99Systematically identify what's missing in non-fiction writing—both blind spots (inherent limitations) and blank spots (gaps that could be addressed). Use before finalizing non-fiction or when feedback feels incomplete.
React Router Best Practices
98React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.
Customer Journey Mapper
98Maps the full customer journey from first touch to advocacy. Generates a comprehensive customer-journey.md with all stages, touchpoints, emotions, pain points, opportunities, Mermaid diagrams, and metrics. Use when mapping customer experience, designing onboarding flows, identifying churn risks, or optimizing conversion funnels.
3D Graphics with Three.js
983D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build, animate, render 3D scenes/models. Keywords: Three.js, WebGL, WebGPU, 3D graphics, scene, camera, geometry, material, light, animation, GLTF, FBX, OrbitControls, PBR, shadow mapping, post-processing, bloom, SSAO, shader, instancing, LOD, WebXR, VR, AR, product configurator, data visualization, architectural walkthrough, interactive 3D, canvas. Use when: creating 3D visualizations, building WebGL/WebGPU apps, loading 3D models, adding animations, implementing VR/XR, creating interactive graphics, building product configurators.