react-custom-hook

Community

Build safer React hooks fast

AuthorYimura
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes guesswork from creating and maintaining custom React hooks in this React Native app by enforcing a consistent file shape, stable return contracts, and correct React hook behavior.

Core Features & Use Cases

  • Hook File Standards: Guides naming, export style, typing, and file structure for custom hooks so they stay easy to find and reuse.
  • React Rules Enforcement: Keeps hook calls at the top level, effects disciplined, and returns stable so common hook bugs do not slip in.
  • Repository-Specific Placement: Helps decide whether a hook belongs in a feature-local hooks folder or the shared hooks folder, especially for BLE-driven logic.
  • Use Case: When extracting a repeated effect or state cluster from a screen, apply this Skill to shape the hook, choose its inputs and outputs, and keep it compatible with the app's conventions.

Quick Start

Use this skill when creating or refactoring a React custom hook so it follows the repository's conventions for naming, placement, typing, effects, and return stability.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-custom-hook
Download link: https://github.com/Yimura/RemoteUnlockApp/archive/main.zip#react-custom-hook

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.