new-hook

Generates TanStack Query data hooks for domains like authentication and organizations.

2|Updated Aug 26, 2025
One-click install
npx skills add https://github.com/vintasoftware/vinta-schedule-frontend-web --skill new-hook-vintasoftware
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: new-hook
Source: https://github.com/vintasoftware/vinta-schedule-frontend-web/tree/main/.claude/skills/new-hook
Command: npx skills add https://github.com/vintasoftware/vinta-schedule-frontend-web --skill new-hook-vintasoftware

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tanstack/query, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the creation of data hooks for TanStack Query operations, streamlining the process of wrapping and managing API operations in React applications.

Core Features & Use Cases

  • Automated Hook Creation: Generates hooks for TanStack Query operations based on provided factory functions.
  • Domain Specific Hooks: Supports various domains such as authentication, organizations, etc., following a specific directory structure.
  • Use Case: When you need to create a new data hook for a specific endpoint or resource in your application, this Skill can help you generate the necessary code.

Quick Start

Generate a new data hook for the 'authentication' domain following the 'use-kebab-name.ts' naming convention.

Frequently Asked Questions about new-hook

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

FAQPage Schema
How do I generate TanStack Query hooks for React API operations?

You can generate TanStack Query hooks for React API operations by providing domain-specific factory functions. This automates the creation of data hooks, streamlining how you wrap and manage API operations across different application domains.

What's the best way to structure TanStack Query hooks for different domains?

The best way to structure domain-specific TanStack Query hooks is by following a dedicated directory structure with a 'use-kebab-name.ts' naming convention. This approach organizes data hooks for areas like authentication or organizations systematically.

Do I need factory functions to create TanStack Query data hooks?

Yes, you need relevant domain-specific factory functions to create TanStack Query data hooks. The generation process requires these factories alongside TanStack Query to automate the wrapping of your API operations effectively.

Can I automate React hook creation for multiple API endpoints?

You can automate React hook creation for multiple API endpoints by defining domain-specific factory functions. This allows you to systematically generate data hooks for various resources like authentication and organizations.

Why use an automated generator for TanStack Query hooks instead of writing them manually?

Using an automated generator for TanStack Query hooks eliminates the repetitive boilerplate of writing data hooks manually. It streamlines API operations management in React applications by enforcing a consistent directory structure and naming convention.