mhylle/skill-visualizer
skills/skill-visualizer/SKILL.md
Generate interactive HTML visualizations of the skills collection, codebase structure, or dependency graphs. Uses D3.js for interactive visualization with collapsible nodes, color-coded categories, and hover details. Triggers on "visualize skills", "generate skill map", "codebase visualization", or "show skill dependencies".
$ install --global
skillsauthnpx skillsauth add mhylle/claude-skills-collection skill-visualizerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 23, 2026, 12:15 PM36.4s2 files scanned
SKILL.md
- name:
- skill-visualizer
- description:
- Generate interactive HTML visualizations of the skills collection, codebase structure, or dependency graphs. Uses D3.js for interactive visualization with collapsible nodes, color-coded categories, and hover details. Triggers on "visualize skills", "generate skill map", "codebase visualization", or "show skill dependencies".
- allowed-tools:
- Bash(python *), Read, Glob, Write
- argument-hint:
- [type: skills|codebase|deps]
Skill Visualizer
Generate interactive HTML visualizations for exploring skills, codebase structure, and dependencies.
Overview
This skill creates browser-viewable HTML files with interactive diagrams. It supports multiple visualization types and outputs self-contained HTML files that open directly in any browser.
Arguments
$0: Output type -skills,codebase, ordeps(default: skills)
Examples:
/skill-visualizer- Generate skills collection map/skill-visualizer skills- Generate skills collection map/skill-visualizer codebase- Generate codebase structure visualization/skill-visualizer deps- Generate skill dependency graph
Visualization Types
Skills Map (skills)
Generates an interactive force-directed graph of all skills showing:
- Skill nodes with name and type indicator
- Color coding by skill type:
- Green: Orchestrators (context: fork)
- Blue: Read-only (allowed-tools restrictions)
- Orange: Hybrid (standard skills)
- Hover tooltips with skill descriptions
- Drag to reposition nodes
Codebase Structure (codebase)
Generates a treemap visualization of the project structure:
- Directory hierarchy with expandable nodes
- File type distribution by color
- Size indicators for each file/directory
Dependency Graph (deps)
Generates a directed graph showing skill dependencies:
- Which skills invoke other skills
- Integration points between skills
- Visual workflow representation
Usage
- Invoke the skill with desired output type
- The skill runs Python scripts to analyze the codebase
- Generates self-contained HTML with embedded CSS/JS
- Opens in default browser automatically
# Run directly
python ~/.claude/skills/skill-visualizer/scripts/visualize.py skills
# Output location
docs/visualizations/skills-map-YYYY-MM-DD.html
Output
All visualizations are saved to docs/visualizations/:
skills-map-YYYY-MM-DD.htmlcodebase-structure-YYYY-MM-DD.htmlskill-deps-YYYY-MM-DD.html
HTML Features
- Self-contained: No external dependencies (D3.js embedded)
- Responsive design: Works on any screen size
- Interactive: Pan, zoom, drag nodes
- Tooltips: Hover for details
- Dark theme: Easy on the eyes
- Export-ready: Can screenshot for documentation
Python Scripts
The skill uses Python scripts in scripts/ directory:
visualize.py- Main visualization generator- Requires only standard library (no pip install needed)
Related Skills
mhylle/ship-issue
testing
VerifiedTrustedCommunity
One-command issue-to-merge pipeline orchestrator. Drives a GitHub issue through nine stages (preflight, plan, implement, review, ci, cloud_review, deploy, e2e, logs) with two human gates, persisting all run state to files so a crashed or interrupted run resumes losslessly. Triggers on "/ship-issue" with an issue number or URL. User-invoked only.
16SKILL.mdUpdated Jun 13, 2026
mhylle/skills/tt-workflow-build
tools
VerifiedTrustedCommunity
--- name: tt-workflow-build description: Tasktracker-native trigger for a PARALLEL build via the Claude Code Workflow tool. Thin by design — it does two things, then drives to done: (1) ensure a tasktracker project exists (use the existing one, or create one), then (2) start a dynamic `Workflow` that builds it, tracking the work in tasktracker and using the build + verify skills. It does NOT analyze parallelism up front, ask the user to choose a mode, hand back, or fall back to a sequential skil
14SKILL.mdUpdated Jun 5, 2026
mhylle/skills/grumpy-reviewer
tools
VerifiedTrustedCommunity
--- name: grumpy-reviewer description: A single grumpy, nitpicky structural code reviewer that runs as an isolated subagent and treats the code as third-party work submitted by a junior programmer for validation. It cares about exactly one thing — maintainability — judged through separation of concerns, service-oriented design, helper-method extraction, small files, and the rule of 7 (as any grouping nears 7 members, it pushes for sub-groupings). It is deliberately kept OUT of the implementation
14SKILL.mdUpdated Jun 5, 2026
mhylle/skills/tt-workflow-run
development
VerifiedTrustedCommunity
--- name: tt-workflow-run description: Tasktracker-native autonomous build-loop orchestrator. Drives a first-class `workflow_run` end-to-end — create the run (Gate 1 lifecycle completeness + Gate 2 zero-defects-in), then loop while `getNextReadyTask(projectId)` returns a slice — `setActiveTask` → record a pre-slice `scanArchitectureDrift` baseline → delegate the slice to `/tt-implement-phase` (which does the code work, registers the architecture delta in-slice, and auto-logs defects/learnings/fr
14SKILL.mdUpdated May 31, 2026