skill-visualizer

SKILL.md

Generate interactive HTML visualizations for exploring skills, codebase structure, and dependencies.

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.

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". Source: mhylle/claude-skills-collection.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mhylle/claude-skills-collection --skill skill-visualizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw