by luzhenqian
Deconstructing Claude Code — interactive source code analysis, guided wc/helpe walkthroughs, and deep architectural exploration of Anthropic's AI coding agent.
# Add to your Claude Code skills
git clone https://github.com/luzhenqian/claude-harnessGuides for using ai agents skills like claude-harness.
Last scanned: 7/21/2026
{
"issues": [
{
"type": "npm-audit",
"message": "next: Vulnerability found",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "postcss: PostCSS has XSS via Unescaped </style> in its CSS Stringify Output",
"severity": "medium"
}
],
"status": "PASSED",
"scannedAt": "2026-07-21T06:27:47.001Z",
"npmAuditRan": true,
"pipAuditRan": true,
"promptInjectionRan": true
}claude-harness is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by luzhenqian. Deconstructing Claude Code — interactive source code analysis, guided wc/helpe walkthroughs, and deep architectural exploration of Anthropic's AI coding agent. It has 100 GitHub stars.
Yes. claude-harness passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.
Clone the repository with "git clone https://github.com/luzhenqian/claude-harness" and add it to your Claude Code skills directory (see the Installation section above).
claude-harness is primarily written in MDX. It is open-source under luzhenqian on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh claude-harness against similar tools.
No comments yet. Be the first to share your thoughts!
Deconstructing Claude Code — interactive source code analysis, guided walkthroughs, and deep architectural exploration.
Claude Harness is an open-source platform for exploring and understanding the internals of Claude Code, Anthropic's official AI coding agent. Through interactive code browsing, in-depth technical articles, and module-level analysis, it transforms 500K+ lines of TypeScript into an accessible learning experience.
Claude Code is one of the most sophisticated AI agent harnesses ever built — a masterclass in tool design, context management, permission governance, and multi-agent coordination. But understanding its architecture from raw source alone is daunting.
Claude Harness makes that architecture legible. It provides:
Whether you're building your own AI agent, studying harness engineering patterns, or simply curious about how Claude Code works under the hood — this project is for you.
| Metric | Value |
|---|---|
| Source Files Analyzed | 1,902 |
| Lines of Code | 514,587 |
| Modules Mapped | 35 |
| Technical Articles | 31+ |
| Languages | English, 中文, 日本語 |
Browse the full Claude Code source tree with a file explorer, syntax highlighting powered by Shiki, and instant client-side search via FlexSearch.
31 guided walkthroughs covering every major subsystem:
Visualize the 35 major modules with file counts, line counts, and descriptions:
utils 564 files 181K lines Utility functions
components 389 files 82K lines Ink UI components (~140)
services 130 files 54K lines External service integrations
tools 184 files 51K lines Agent tool implementations (~40)
commands 207 files 27K lines Slash commands (~50)
hooks 104 files 19K lines React hooks
ink 96 files 20K lines Ink renderer wrapper
...and 28 more
Full internationalization with English, Chinese (中文), and Japanese (日本語) — with locale-aware routing and automatic fallback.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| UI | React 19 + Tailwind CSS 4 |
| Code Highlighting | Shiki |
| Search | FlexSearch |
| Articles | MDX via next-mdx-remote |
| i18n | next-intl |
| Animations | Motion |
| Diagrams | Mermaid |
| Monorepo | Turbo |
| Deployment | Vercel |
.node-version)# Clone the repository
git clone https://github.com/anthropics/claude-harness.git
cd claude-harness
# Install dependencies
pnpm install
# Generate metadata (file tree, module stats, search index)
pnpm generate
# Start development server
pnpm dev
The app will be available at http://localhost:3000.
pnpm build
claude-harness/
├── content/
│ └── articles/
│ ├── en/ # English articles
│ ├── zh/ # Chinese articles (31 guides)
│ └── ja/ # Japanese articles
│
├── packages/
│ ├── claude-code-source/ # (source no longer distributed — see its README)
│ ├── scripts/ # Metadata generation pipeline
│ │ └── src/
│ │ ├── generate-file-tree.ts
│ │ ├── generate-module-stats.ts
│ │ ├── generate-search-index.ts
│ │ └── generate-source-summary.ts
│ │
│ └── web/ # Next.js web application
│ └── src/
│ ├── app/[locale]/ # Locale-aware pages
│ │ ├── articles/ # Article list & detail
│ │ ├── code/ # Interactive code browser
│ │ └── modules/ # Module explorer
│ ├── components/ # Shared UI components
│ ├── lib/ # Utilities & data loading
│ └── i18n/ # Internationalization config
│
├── turbo.json # Turbo monorepo config
├── vercel.json # Vercel deployment config
└── package.json # Root workspace config
The pnpm generate command runs four scripts that process Claude Code source (provided locally) into structured metadata:
These generated files power the web UI's code browser, module explorer, and search functionality.
+---------------------------------------------------+
| Web Application |
| |
| +----------+ +----------+ +--------+ +---------+ |
| | Articles | | Code | | Module | | Search | |
| | (MDX) | | Browser | |Explorer| | (Flex) | |
| +----+-----+ +----+-----+ +---+----+ +----+----+ |
| | | | | |
| +----v-------------v-----------v-----------v----+ |
| | Generated Metadata | |
| | file-tree.json module-stats.json search-idx | |
| +------------------------+----------------------+