code-reviewing
Review code for quality, security, and best practices. Use when the user asks for code review, wants feedback on their code,…
@huangjia2019Install SkillEducation
Skill
/codebase-visualizer
Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
Claude Code
$ npx -y skills add huangjia2019/claude-code-engineering --skill codebase-visualizer --agent claude-code
Codex
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a codex -y
Cursor
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a cursor -y
Gemini CLI
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a gemini-cli -y
GitHub Copilot
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a github-copilot -y
OpenCode
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a opencode -y
Windsurf
$ npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a windsurf -y
SKILL.md
codebase-visualizer.SKILL.mdname: codebase-visualizer description: Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure. allowed-tools: - Bash(python *)
Run the visualization script from your project root:
python .claude/skills/codebase-visualizer/scripts/visualize.py .
This creates `codebase-map.html` and opens it in your default browser.
Stats
1,155
Stars
402
Forks
Maintained
Maintenance
JavaScript
Language
Last commit
Created
Ships withclaude-code-engineering
This repository demonstrates how to use Claude Code to do real engineering work, not just writing code. 本项目是极客时间专栏 《Claude Code 工程化实战》 的官方配套示例仓库，目标就是： 👉 把 Claude Code 从“对话式编码工具”，变成 可设计、可复用、可治理的工程系统。
1.2k11 skills16 agents6 MCP
Stars on GitHub
Momentum
- stars in total
- 1.2k
Other skills on claude-code-engineering.
@huangjia2019Install Skillapi-conventions
API design patterns and conventions for this project. Covers RESTful URL naming, response format standards, error handling, and…
@huangjia2019Install Skillapi-documenting
Generate API documentation from code. Use when the user wants to document APIs, create API reference, generate endpoint…
@huangjia2019Install Skillfinancial-analyzing
Analyze financial data, calculate financial ratios, and generate analysis reports. Use when the user asks about revenue, costs,…
@huangjia2019Install Skillapi-generating
Generate API endpoint code and documentation from specifications. Use when the user wants to create new API endpoints, generate…
@huangjia2019Install Skillcode-health-check
Perform a comprehensive code health check on a directory. Use when the user asks to analyze code quality, find issues, or get a…
@huangjia2019Install SkillMore skills from other plugins.
blueprint-figure
Draws static SVG figures for lessons, READMEs and manuals in the AI Engineering from Scratch look: paper panel, blueprint accent,…
@rohitg00Install Skillconcept-workflow
End-to-end workflow for creating complete JavaScript concept documentation, orchestrating all skills from research to final review
@leonardomsoInstall Skilllesson-quiz
Test a learner on a single Claude Code tutorial lesson (01-10) with 10 questions, scoring answers and flagging weak spots. Use…
@luongnv89Install Skill
Questions about codebase-visualizer.
- Which coding agents can use codebase-visualizer?
- codebase-visualizer installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.