Hook New — Development skill for Claude Code
Create custom React hooks with TypeScript and best practices.
How to install Hook New
Installs to ~/.claude/skills/gr8monk3ys-skills-hook-new/SKILL.md
mkdir -p ~/.claude/skills/gr8monk3ys-skills-hook-new && curl -fsSL https://raw.githubusercontent.com/gr8monk3ys/skills/HEAD/commands/hook-new.md -o ~/.claude/skills/gr8monk3ys-skills-hook-new/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Hook New does
Create custom React hooks with TypeScript and best practices.
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Stitch React Components — Stitch to React components conversion 2.6k ★
- Astro — Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions 2.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Claude Hook Kit
TypeScript SDK for building Claude Code hooks — typed, testable, composable
Build Hook
/build-hook - Build Custom Claude Code Hooks
18
Build a fullscreen loading screen component in React (Next.js 14, TypeScript). Uses Framer Motion for animatio
Agent Monitor
Claude Code Agent Team GUI Monitor - Tauri v2 + React + TypeScript macOS desktop app with pixel art office vie
Coding Standards
TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례, 패턴.
Add Component
Create a reusable React component with TypeScript and best practices.
Related Agents
Hook Agent
Expert React custom hooks - data fetching, behavior encapsulation, TypeScript
Hooks Guide
Interactive guide for building custom Claude Code hooks. Asks straightforward questions, uses hook-factory ski
Frontend React Developer
React + TypeScript frontend engineer. Invoke for entity scaffolding (types/service/context/hook/provider), i18