HtmlGraph Explorer Skill

Discover files and identify class and function definitions in codebases.

3|3|Updated Dec 16, 2025

Search Tags:#typescript #python #codebase analysis #code exploration #pattern matching #file discovery #code mapping

Ready to run

npx skills add https://github.com/shakestzd/htmlgraph --skill htmlgraph-explorer-skill

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: HtmlGraph Explorer Skill
Source: https://github.com/shakestzd/htmlgraph/tree/main/packages/claude-plugin/skills/htmlgraph-explorer
Command: npx skills add https://github.com/shakestzd/htmlgraph --skill htmlgraph-explorer-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill assists in navigating and understanding complex codebases by systematically discovering, analyzing, and mapping code structures without making any modifications.

Core Features & Use Cases

Code Discovery: Efficiently locate files using glob patterns.
Pattern Identification: Pinpoint specific code constructs like classes, functions, and imports using grep.
Targeted Analysis: Read and summarize only the most relevant files identified through discovery.
Use Case: When onboarding to a new project, use this Skill to quickly identify all Python classes and their definitions to build an initial understanding of the project's architecture.

Quick Start

Use the htmlgraph-explorer skill to find all Python class definitions within the 'src' directory.

Frequently Asked Questions about HtmlGraph Explorer Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I explore a codebase to find all Python class and function definitions?▼

To explore a codebase and find Python class and function definitions, you can use glob and grep tools to systematically discover files and pinpoint specific code patterns, followed by targeted file reading for analysis.

What is codebase analysis for architectural mapping without modifying files?▼

Codebase analysis for architectural mapping involves discovering files and identifying key code patterns to comprehend project structures. This approach systematically navigates complex codebases without making any modifications to the source files.

Can I use glob and grep for code discovery and pattern identification in TypeScript projects?▼

Yes, you can use glob and grep for code discovery and pattern identification in TypeScript projects. These tools efficiently locate files using glob patterns and pinpoint specific code constructs like classes, functions, and imports.

What's the best way to map code structures when onboarding to a new project?▼

The best way to map code structures during onboarding is to systematically discover files, identify key code patterns like class definitions using grep, and read only the most relevant files to build an initial architectural understanding.

Does code exploration require targeted file reading after discovering matching patterns?▼

Yes, code exploration requires targeted file reading after discovering matching patterns. Once glob and grep identify relevant files and code constructs, targeted reading summarizes the most pertinent sections for full architectural comprehension.