skills.rest
workromancer
workromancerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

project-overview-html

Generate an interactive HTML dashboard of project structure, dependencies, and commits.

Updated Jan 4, 2026
Search Tags:#codebase#HTML#offline#dashboard#visualization#overview#project
One-click install
npx skills add https://github.com/workromancer/my-claude-settings --skill project-overview-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: project-overview-html
Source: https://github.com/workromancer/my-claude-settings/tree/main/skills/project-overview-html
Command: npx skills add https://github.com/workromancer/my-claude-settings --skill project-overview-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill generates beautiful, interactive HTML visualizations of a codebase, enabling quick comprehension of project structure, dependencies, and activity, reducing the time spent manual analysis.

Core Features & Use Cases

  • Automated Information Gathering: Collects recent commits, project structure, dependencies, and language stats.
  • Interactive HTML Dashboard: Generates a self-contained HTML file with a collapsible directory tree, charts, and an embedded README.
  • Offline & Fast: Produces a single-file, offline-friendly dashboard with fast load times.

Quick Start

Run the project-overview-html Skill to create project-overview.html in the repository root.