create-api-integration

Generate type-safe API integration layers with React Query hooks for REST or GraphQL.

1|Updated Mar 18, 2026
One-click install
npx skills add https://github.com/furrycolombia-sys/candyshop --skill create-api-integration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-api-integration
Source: https://github.com/furrycolombia-sys/candyshop/tree/main/.agents/skills/create-api-integration
Command: npx skills add https://github.com/furrycolombia-sys/candyshop --skill create-api-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Create complete API integrations with types, API clients, repositories, and React Query hooks for REST or GraphQL; use when asked to build feature API layers. Use when Codex should follow the existing Claude workflow in .claude/skills/create-api-integration/SKILL.md. Read that source file before acting.

Core Features & Use Cases

  • Generates type-safe API schemas and corresponding TypeScript types.
  • Scaffolds API clients, repositories, and data-access layers for REST and GraphQL.
  • Produces React Query hooks for data fetching, caching, and mutations.
  • Aligns with Claude-style workflows to ensure reproducible, auditable API integrations.

Quick Start

Ask Codex to scaffold a full API integration layer for a new feature using the Claude workflow as the canonical source.

Frequently Asked Questions about create-api-integration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete type-safe API integration layer for a new feature?

Generate a complete API integration layer by scaffolding TypeScript types, API clients, repositories, and React Query hooks for REST or GraphQL. This automation produces a reusable, type-safe data-access layer aligned with Claude-style workflows for frontend feature development.

Can I use React Query hooks for both REST and GraphQL data fetching?

Yes, React Query hooks are scaffolded for both REST and GraphQL. The generation process produces hooks for data fetching, caching, and mutations, ensuring type-safe API interactions across your frontend codebase regardless of the protocol used.

What is the best way to automate repository pattern generation for API clients?

Automate repository pattern generation by using workflows that scaffold API clients and data-access layers alongside TypeScript types. This approach ensures a reproducible, auditable API integration that separates data-fetching logic from your UI components.

Do I need an existing Claude workflow to scaffold API schemas and TypeScript types?

Yes, the Skill follows the existing Claude workflow defined in its source file. You should read the canonical SKILL.md file before acting, ensuring the generated API schemas and TypeScript types integrate seamlessly with your established Claude-based environment.

Why use automated scaffolding instead of manually building API clients and types?

Automated scaffolding eliminates manual boilerplate by generating end-to-end type definitions, client code, repository patterns, and React Query hooks simultaneously. This ensures type safety and consistency across feature development scenarios where teams require a reusable API layer.

Are there limitations when generating React Query hooks for existing frontend codebases?

The main limitation is that the generated API layer targets feature development scenarios requiring a reusable, type-safe API layer. Ensure your existing frontend codebase supports the repository pattern and React Query to properly integrate the scaffolded data-access layers.