Skip to content
←INDEX / All tools
TOOL · TUTORIAL

Claude Code

Anthropic's official terminal coding agent — reads and edits your whole repo, runs commands, and handles multi-step dev work. This section collects CLAUDE.md, custom slash commands, hooks, subagents, MCP, Agent Skills, and TDD/debugging workflows — original techniques plus curated open-source (official + high-star MIT).

Prompts
41
Medium
Tutorial
Type
TUTORIAL
Official Docs
Docs↗
Prompts

PROMPTS

Claude Code-specific prompts. Read the usage context, variables, sources and testing notes. Prompt bodies are authored in Traditional Chinese.

Full filter→
PRO01
TUTORIALClaude Code
2026-07-10

Claude Code Excel Report Automation: Manual Process to One-Click Script

Teaches Claude Code to take over your recurring monthly Excel copy-paste routine: it interviews you to clarify the process first, runs a small-scale pilot, only automates the full workflow after confirmation, and finally delivers a one-click operating manual that non-engineers can follow.

Intermediate
Read

Free02
TUTORIALClaude Code
Seth Hobson (wshobson)2026-06-08

Claude Code Security Auditor Subagent: OWASP Top 10 Vulnerability Scans

Installs a focused 'security auditor' subagent into Claude Code that reviews code and architecture file-by-file through an OWASP Top 10 lens as you develop features, classifying vulnerabilities by severity with directly-applicable remediation suggestions.

Intermediate
Read

PRO03
TUTORIALClaude Code
Seth Hobson (wshobson)2026-06-08

Claude Code Backend Architect Subagent: Contract-First API Design

Installs a senior 'backend architect' subagent into Claude Code that uses contract-first design and domain-driven design to draw service boundaries, design REST/GraphQL/gRPC APIs, and build resilience and observability into the architecture from day one.

Advanced
Read

Free04
TUTORIALClaude Code
Seth Hobson (wshobson)2026-06-08

Claude Code Performance Engineer Subagent: Bottlenecks to Optimizations

Installs a dedicated 'performance engineer' subagent into Claude Code that profiles code you've just written, finds bottlenecks like N+1 queries, memory leaks, and slow APIs, classifies them by impact, and provides before/after optimization recommendations with benchmark estimates.

Intermediate
Read

Free05
TUTORIALClaude Code
Rohit Ghumare2026-06-08

Claude Code Hook Recipe: Auto Format + Lint After Every Edit (PostToolUse)

A PostToolUse hook that makes Claude Code automatically run a formatter (Prettier/Black/gofmt) plus a linter every time it edits or writes a file—permanently removing 'inconsistent formatting' as a code review chore.

Intermediate
Read

Free06
TUTORIALClaude Code
Karan Bansal2026-06-08

Claude Code Hook Recipe: Block Dangerous Bash with PreToolUse

A PreToolUse Bash hook that intercepts destructive commands like rm -rf, fork bombs, and curl|sh before the AI executes them—a last line of defense that holds even against --dangerously-skip-permissions.

Intermediate
Read

Free07
TUTORIALClaude Code
Rohit Ghumare2026-06-08

Claude Code Hook Recipe: Desktop Notification + Sound on Stop

A Stop hook that fires a desktop notification and plays a sound the moment Claude Code finishes running. You can freely switch to other windows—the AI will call you back when it's done, no need to keep staring at the terminal.

Beginner
Read

Free08
TUTORIALClaude Code
Chong-U Lim (chongdashu / AIOriented)2026-06-08

Claude Code Custom Statusline Generator (cc-statusline Pattern)

A single npx command generates an information-rich terminal statusline for Claude Code, showing the current directory, Git branch, model, a context-usage progress bar, real-time spend burn rate, and a countdown to usage reset—hooked into live ccusage stats.

Intermediate
Read

PRO09
TUTORIALClaude Code
GitHawkAI (Claude Code Output Style Migrator Contributors)2026-06-08

Claude Code Output Style Recovery: SessionStart Hook + Marketplace

After Claude Code removed its built-in output style feature, this uses a SessionStart hook to automatically inject a custom response style (tone / format / rules) into every session, with a local marketplace for managing, activating, and applying multiple styles.

Advanced
Read

PRO10
TUTORIALClaude Code
Jesse Vincent (obra)2026-06-08

Superpowers: Brainstorm, Plan, and True TDD for Claude Code

Brings obra/superpowers' "spec-first + true red-green TDD" development discipline into your agent: brainstorm to clarify requirements first, break the work into verifiable 2-5 minute tasks, then strictly follow RED-GREEN-REFACTOR, with a two-stage subagent review.

Advanced
Read

Free11
TUTORIALClaude Code
Brian Casel (Builder Methods / CasJam Media LLC)2026-06-08

Agent OS: Extract Codebase Standards and Auto-Inject into AI Agents

Borrowing the three-layer architecture from buildermethods/agent-os (Standards / Product / Specs): have AI first scan your codebase to extract existing conventions into documented standards, then auto-inject them every time it writes code — so you never have to re-explain the rules.

Intermediate
Read

Free12
TUTORIALClaude Code
PatrickJS2026-06-08

An AGENTS.md / CLAUDE.md Rule Template for Next.js App Router Projects

Rewrites awesome-cursorrules' Next.js App Router standard into an AGENTS.md/CLAUDE.md you can drop straight into your project root, so Claude Code, Codex, and Cursor automatically follow Server-Components-first, file-based routing, TypeScript, and performance conventions when writing Next.js.

Beginner
Read

PRO13
TUTORIALClaude Code
PatrickJS2026-06-08

A Production-Grade Layered-Architecture AGENTS.md / CLAUDE.md Template for FastAPI

Rewrites awesome-cursorrules' FastAPI production architecture standard into an AGENTS.md/CLAUDE.md that enforces Router→Service→Repository layering, thin handlers, an anti-corruption layer, and idempotency — so AI automatically rejects anti-patterns when writing Python backends.

Advanced
Read

Free14
TUTORIALClaude Code
PatrickJS2026-06-08

A Scalability-Focused AGENTS.md / CLAUDE.md Template for Go Backends

Rewrites awesome-cursorrules' Go backend scalability standard into an AGENTS.md/CLAUDE.md covering idiomatic error handling, context propagation, interface abstraction, concurrency, and observability — so AI follows standard conventions and trade-off analysis when writing Go services.

Intermediate
Read

Free15
TUTORIALClaude Code
Anthropic2026-06-08

Build Your Own Agent Skill Interactively with Anthropic's skill-creator

Anthropic's official skill-creator: a meta-skill that "asks you clarifying questions, produces a SKILL.md, runs evals, refines the trigger description, and packages everything into a .skill file." It teaches you to build reusable Claude skills using a standardized directory structure and progressive disclosure.

Intermediate
Read

PRO16
TUTORIALClaude Code
Anthropic2026-06-08

Build an MCP Server LLMs Can Actually Use, with Anthropic's mcp-builder

Anthropic's official mcp-builder: a four-phase workflow (research & planning → implementation → review & testing → writing evals) for wrapping your API or service into a high-quality MCP server. Covers both Python (FastMCP) and TypeScript (MCP SDK), with emphasis on tool naming, input/output schemas, error messages that point toward a fix, and evaluating with real-world tasks.

Advanced
Read

Free17
TUTORIALClaude Code
Anthropic2026-06-08

Anthropic's algorithmic-art Skill: Reproducible p5.js Generative Art

Anthropic's official algorithmic-art skill: write an 'algorithmic philosophy' first, then turn it into an interactive HTML piece with p5.js. The core is Art Blocks-style seeded randomness (same seed = same image), paired with tunable parameters and seed navigation, letting you systematically explore generative art techniques like flow fields and particle systems instead of randomly flailing.

Intermediate
Read

Free18
TUTORIALClaude Code
GitHub, Inc. (github/spec-kit)2026-06-08

GitHub Spec Kit: The Four-Stage Spec-Driven Development Workflow (/specify → /plan → /tasks → /implement)

GitHub's official open-source tool for Spec-Driven Development. Using /speckit.specify → /plan → /tasks → /implement, it turns a vague requirement into an executable specification end to end, then has the AI generate code from that spec — fixing the unpredictability of 'vibe coding.'

Intermediate
Read

Free19
TUTORIALClaude Code / Codex
snarktank (ai-dev-tasks)2026-06-08

ai-dev-tasks: PRD to Task List to One-Subtask-at-a-Time AI Workflow

Uses two Markdown templates (create-prd.md and generate-tasks.md) to turn 'dumping a pile of requirements on AI' into a controlled process: first generate a PRD, break it into a checkable task list, then complete one subtask at a time — pausing after each for your go-ahead before continuing.

Beginner
Read

Free20
TUTORIALClaude Code
ciembor (agent-rules-books)2026-06-08

agent-rules-books: Classic Software Books Distilled into AGENTS.md Rules

Distills 14 classic software engineering books (Clean Code, Refactoring, Domain-Driven Design, The Pragmatic Programmer, Working Effectively with Legacy Code, and more) into imperative rule sets you can paste directly into AGENTS.md / CLAUDE.md / Cursor rules, offered in full / mini / nano sizes so you can pick based on your context budget.

Intermediate
Read

Free21
TUTORIALClaude Code
wshobson (Seth Hobson)2026-06-08

wshobson's Flagship code-reviewer Subagent: A Senior Reviewer Inside Claude Code

Installs the flagship code-reviewer subagent from wshobson/agents (36k stars, MIT license) into Claude Code, giving you an Opus-powered senior reviewer specialized in security, performance, and maintainability that automatically takes over review after every commit.

Intermediate
Read

Free22
TUTORIALClaude Code
VoltAgent2026-06-08

VoltAgent Subagent Directory: Choosing and Installing Claude Code Subagents

Uses VoltAgent/awesome-claude-code-subagents (154+ subagents, 10 categories, MIT license) as a curated directory for picking the right subagent and installing it into Claude Code's .claude/agents/ using the standard YAML format.

Beginner
Read

Free23
TUTORIALClaude Code
SuperClaude-Org2026-06-08

SuperClaude Framework: /sc: Commands and Cognitive Personas for Claude Code

Distills the open-source SuperClaude framework's /sc: command system and cognitive-persona mechanism into a ready-to-use workflow prompt, upgrading Claude Code from "one question, one answer" into a structured development process covering everything from brainstorming to implementation, testing, documentation, and version control.

Intermediate
Read

PRO24
TUTORIALClaude Code
Patrick Ellis (OneRedOak)2026-06-08

Automated Design Review: UI/UX/Accessibility Audits via Playwright MCP

A curated, ready-to-use version of OneRedOak's design-review workflow: using Playwright MCP in a real browser environment, it automatically audits frontend changes across 7 stages (interaction, responsiveness, visuals, accessibility, robustness, code health) and reports findings graded Blocker/High/Medium/Nitpick.

Advanced
Read

Free25
TUTORIALClaude Code
Peter Steinberger (steipete)2026-06-08

Agent-Rules Pack: Conventional Commits + 6-Persona PR Review + 5 Whys Root-Cause Analysis

Curates three core project-rules from steipete/agent-rules into a single rule pack usable directly as a slash command: semantic commits (12 types plus emoji, with automatic splitting into atomic commits), a 6-persona professional PR review, and 5 Whys root-cause analysis.

Intermediate
Read

Free26
TUTORIALClaude Code
PatrickJS2026-06-08

Writing Tech-Stack Rules into AGENTS.md / CLAUDE.md (Adapted from awesome-cursorrules)

Borrows the approach from the 40k-star awesome-cursorrules repo to codify 'how to write for a given tech stack' into a project rule file, so Cursor / Claude Code / Codex always produce code in your conventions instead of generic boilerplate.

Beginner
Read

Free27
TUTORIALClaude Code
2026-06-08

Claude Code CLAUDE.md Generator: Set It Up Once, Not Every Session

Has Claude Code scan your repo and produce a tight, verifiable CLAUDE.md project memory file under 200 lines—covering build/test/lint commands, directory structure, conventions, and prohibitions—while routing anything that doesn't belong there into skills or path-scoped rules instead.

Beginner
Read

Free28
TUTORIALClaude Code
2026-06-08

Claude Code Slash Command Designer: One-Click Custom /commands

Turns the checklist or multi-step process you re-paste every time into a custom slash command (.claude/commands/<name>.md, or the newer .claude/skills), with correct frontmatter, $ARGUMENTS parameters, live context pre-injected via `!cmd` (git diff, PR content), and permissions scoped down with allowed-tools.

Intermediate
Read

PRO29
TUTORIALClaude Code
2026-06-08

Claude Code Hooks Builder: Auto Format/Lint/Tests After Every Edit

Uses hooks in .claude/settings.json to automatically run formatting, linting, type-checking, or tests at specific Claude Code lifecycle events (PostToolUse after an edit, PreToolUse before running a command, Stop when wrapping up)—producing correct JSON config plus an executable hook script, with exit code 2 hard-blocking dangerous actions.

Advanced
Read

Free30
TUTORIALClaude Code
2026-06-08

Claude Code Skill Factory: Turn Repetitive Workflows Into SKILL.md

Has Claude Code interview you about a repetitive manual process, then produce a fully-structured Agent Skill (SKILL.md) covering name/description/trigger conditions/step-by-step instructions/acceptance criteria/supporting references, and verify it can be triggered automatically as well as invoked via a /slash command.

Intermediate
Read

Free31
TUTORIALClaude Code
2026-06-08

Claude Code + MCP: Connect External Tools to Your Dev Agent Safely

Has Claude Code help you connect an MCP server (a database, Notion, GitHub, your own API...), choosing the right transport and scope, using .mcp.json or claude mcp add, handling secrets and OAuth securely, and finally demonstrating how mcp__server__tool tools and @resource pull external data into your workflow.

Intermediate
Read

PRO32
TUTORIALClaude Code
2026-06-08

Claude Code Subagent Fan-Out: Splitting Big Tasks Into Parallel Subagents

Has Claude Code break a large task into several independent, parallel subagents (each with its own context, restricted tools, and an assignable model), planning how to fan the work out, defining each subagent's responsibility boundaries and reporting format, and producing reusable .claude/agents subagent definition files when needed.

Advanced
Read

Free33
TUTORIALClaude Code
2026-06-08

Claude Code Plan-First: Force a Reviewable Plan Before Touching Any Code

Applies the spirit of Plan Mode so Claude Code hands over a structured plan (files affected, steps, risks, acceptance criteria) before touching any file—you review, correct, and approve it before execution begins. Prevents the AI from charging ahead and writing a pile of things you didn't want.

Beginner
Read

Free34
TUTORIALClaude Code
2026-06-08

Claude Code TDD Loop: Red, Green, Refactor Done Right

Forces Claude Code through a strict red→green→refactor cycle: for every behavior, first write a test that fails (red) and actually run it to prove the failure, then write the minimal implementation that just makes it pass (green), and finally refactor under the safety of the passing tests. Cures the AI's old habit of jumping straight to the happy path, skipping edge cases, and faking test coverage.

Intermediate
Read

Free35
TUTORIALClaude Code
2026-06-08

Claude Code Bug-Fix Loop: Reproduce, Isolate, Fix, Verify

Corrects Claude Code's tendency to 'see an error and start randomly editing' into a disciplined 4-step debugging process: reliably reproduce the bug first, isolate the true root cause (not just the symptom) through minimization, write a regression test that fails, apply the smallest possible fix, then run the full test suite to prove it's fixed without breaking anything else.

Intermediate
Read

Free36
TUTORIALClaude Code / Codex
2026-06-08

Codex Rigorous Diff Reviewer: Correctness, Simplification, and Security in Three Tracks

Has Codex do a disciplined code review of your git diff across three tracks (correctness bugs / simplification-and-reuse / security), listing each finding with a confidence level and a pastable fix, and explicitly instructed to say so when nothing's wrong instead of manufacturing complaints.

Intermediate
Read

Free37
TUTORIALClaude Code / Codex
2026-06-08

Codex Bug-Fix Closed Loop: Reproduce First, Fix Second, With Rerunnable Verification

Forces Codex through a closed loop — write a failing test that reproduces the bug, find the root cause, make the minimal fix, watch that same test go from red to green, then run the full test suite to confirm no regressions — eliminating both 'fixed it without verifying' and 'changed a bunch of unrelated stuff along the way.'

Intermediate
Read

Free38
TUTORIALClaude Code / Codex
2026-06-08

Codex Characterization Tests for Legacy Code: Lock In Current Behavior, Target Edge Cases, Zero Behavior Changes

Has Codex write characterization tests for untested legacy code: it first reads and documents what the code 'actually does right now' (bugs included), systematically covers the happy path plus edge cases and error paths, and is strictly forbidden from modifying the code under test.

Intermediate
Read

Free39
TUTORIALClaude Code / Codex
2026-06-08

Migrating from Cursor to Claude Code / Codex: An Inventory-and-Kickoff Prompt

Has the agent automatically inventory your Cursor project (.cursorrules, .cursor/rules, .cursor/mcp.json), produce a step-by-step migration plan, and generate the corresponding CLAUDE.md or AGENTS.md, slash commands, and MCP config — so you're not stuck 'dumber than Cursor' on day one.

Intermediate
Read

Free40
TUTORIALClaude Code / Codex
2026-06-08

AI Agent Definition-of-Done Self-Check Spec

A Definition of Done template you can paste into any coding agent, turning 'what counts as done' into a checklist the agent must self-verify item by item: behavior meets acceptance criteria, tests/lint/typecheck/build all pass (or it states why they didn't run), risky changes come with a rollback plan, and a final 'verification story' is delivered. Puts an end to agents claiming 'done' while everything is actually broken.

Intermediate
Read

PRO41
TUTORIALClaude Code / Codex
2026-06-08

Safe Multi-File Refactoring: Map Blast Radius, Then Batch and Verify

A large-refactor playbook for agents: first do a read-only survey of the 'blast radius' — which files, call sites, and tests are affected — then split the change into small batches, each preserving behavior, each run through its own tests, each its own atomic commit. Puts an end to 'change 40 files at once, then the build breaks and no one knows where to start fixing it.'

Advanced
Read

MORE IN TUTORIAL