claude-code-info— agent skill

<div align="center"> <h1>🦾 claude-files-info</h1> <p><b>Browse, document, and explore the Claude source code with a beautiful, interactive UI.</b></p> <p> <img src="https://img.shields.io/badge/Next.js-16-blue?logo=nextdotjs" /> <img src="https://img.shields.io/badge/React-19-61dafb?logo=react" /> <img src="https://img.shields.io/badge/TailwindCSS-4-38bdf8?logo=tailwindcss" /> <img src="https://img.shields.io/badge/TypeScript-5-3178c6?logo=typescript" /> </p> <h1>Claude Code 👇 Leaked Source</h1>

The original full source code of Anthropic's Claude Code CLI.

</div>

✨ Features

• <b>Per-file documentation:</b> Summaries, use cases, and highlighted previews for every file in <code>claude/src</code>.
• <b>Modern UI:</b> Next.js 16, React 19, and Tailwind CSS for a fast, responsive experience.
• <b>Theme support:</b> Toggle between light and dark modes.
• <b>Instant search & navigation:</b> Quickly jump between files and docs.
• <b>Code highlighting:</b> Powered by Shiki for beautiful, readable code previews.
• <b>Self-contained:</b> No backend required for browsing and docs (static hosting ready).

🚀 Quickstart

1. <b>Install dependencies:</b>

	 npm install

1. <b>Run the development server:</b>

	 npm run dev

1. <b>Open your browser:</b>

Visit <a href="http://localhost:3000">http://localhost:3000</a>

🗂️ Project Structure

• <code>app/</code> — Next.js app directory (pages, layouts, docs, file explorer)
• <code>claude/</code> — Claude source code and documentation
• <code>components/</code> — Shared React components (e.g., theme toggle)
• <code>lib/</code> — Utility libraries (e.g., code highlighting)
• <code>public/</code> — Static assets
• <code>scripts/</code> — Build scripts (e.g., manifest generation)

🛠️ Architecture

• <b>Next.js 16</b> with the App Router for modern routing and layouts
• <b>TypeScript</b> for type safety
• <b>Tailwind CSS</b> for utility-first styling
• <b>Shiki</b> for syntax highlighting
• <b>Custom docs system</b> for per-file summaries and previews

⚠️ Notes

• You may see 404 errors for <code>/hybridaction/zybTrackerStatisticsAction</code> in the dev console. These are harmless and do not affect the main functionality.
• All browsing and docs features work out of the box. No backend or API setup is required.

📄 License

Apache-2.0

✨ Features

• Per-file documentation: View summaries, use cases, and highlighted previews for every file in claude/src.
• Modern UI: Built with Next.js 16, React 19, and Tailwind CSS for a fast, responsive experience.
• Theme support: Toggle between light and dark modes.

• Instant search & navigation: Quickly jump between files and docs.
• Code highlighting: Powered by Shiki for beautiful, readable code previews.
• Self-contained: No backend required for browsing and docs (except for static hosting).

🚀 Getting Started

1. Install dependencies:

	npm install

1. Run the development server:

	npm run dev

1. Open your browser:

Visit http://localhost:3000

🗂️ Project Structure

• app/ — Next.js app directory (pages, layouts, docs, file explorer)
• claude/ — Claude source code and documentation
• components/ — Shared React components (e.g., theme toggle)

• lib/ — Utility libraries (e.g., code highlighting)
• public/ — Static assets
• scripts/ — Build scripts (e.g., manifest generation)

🛠️ Architecture

• Next.js 16 with the App Router for modern routing and layouts
• TypeScript for type safety
• Tailwind CSS for utility-first styling

• Shiki for syntax highlighting
• Custom docs system for per-file summaries and previews

⚠️ Notes

• You may see 404 errors for /hybridaction/zybTrackerStatisticsAction in the dev console. These are harmless and do not affect the main functionality.
• All browsing and docs features work out of the box. No backend or API setup is required.

📄 License

MIT This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.