codebase-visualizer
From the author
Generate an interactive tree visualization of your codebase. Use when exploring a new repo or understanding project structure.
Install
npx skills add huangjia2019/claude-code-engineering --skill codebase-visualizer -a claude-code
Installs to .claude/skills/codebase-visualizer/ · Each command fetches the skill straight from GitHub with the open skills CLI.
No download: this skill’s licence (No licence) does not let us redistribute its files. The install commands fetch them from GitHub instead.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
- Ships scripts we have not reviewedLow
Why 70
Security85
Provenance77
Maintenance70
Licence25
Adoption49
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- understand-dashboardEgonex-AI/Understand-AnythingLaunch the interactive web dashboard to visualize a codebase's knowledge graphOther★ 87.8K
- improve-codebase-architecturemxyhi/ok-skillsScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.Planning★ 504
- analyzing-projectsCloudAI-X/claude-workflow-v2Analyzes codebases to understand structure, tech stack, patterns, and conventions. Use when onboarding to a new project, exploring unfamiliar code, or when asked "how does this work?" or "what's the architecture?"Planning★ 1.4K
- codebase-documentermhattingpete/claude-skills-marketplaceGenerates comprehensive documentation explaining how a codebase works, including architecture, key components, data flow, and development guidelines. Use when user wants to understand unfamiliar code, create onboarding docs, document architecture, or explain how the system works.Planning★ 687
- visualEricTechPro/super-boardTurn the current work into one polished, self-contained HTML visual page — a recap of a branch's changes, a plan, a map of a folder, endpoint set, or architecture, or an interactive drill-down map of a skill pack or system (zoom, pan, click a node for details, double-click to open its inner view). Use when the user runs /visual or asks to visualise, picture, or visually recap a branch, PR, diff, plan, or part of a codebase, or to map a skill pack, its lanes, scripts, and hooks.Planning★ 468
- visual-explainercoco-research/cocoGenerate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts. Use for diagrams, architecture overviews, diff or plan reviews, project recaps, comparison tables, slide decks, and other visual explanations.Documents★ 961
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in