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
Vara S Portfolio
"🤍✨Vara's Portfolio-A modern, high-performance portfolio website built with React, TypeScript, and Vite. This
Desktop App Starter
Free Electron + React + TypeScript starter for building desktop apps with Claude Code
Related Agents
Hook Agent
Expert React custom hooks - data fetching, behavior encapsulation, TypeScript
React Hooks Docs Writer
Use this agent when you need to create or improve technical documentation for custom React hooks. Examples inc
Create Hook
Use when scaffolding a new custom React hook. Decides where the hook lives (component-scoped or shared), creat