skill-visualizer

Community

Interactive skill maps for your collection.

Authormhylle
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill generates interactive HTML visualizations to explore the Claude Skills Collection, the project codebase, and skill dependencies, enabling quick insight into structure and relationships.

Core Features & Use Cases

  • Interactive, browser-ready diagrams powered by D3.js for skills, codebase, and dependencies.
  • Outputs self-contained HTML files stored under docs/visualizations with clear naming conventions.
  • Use cases include mapping skill ecosystems, analyzing code organization, and tracing dependency links across the skill set.

Quick Start

Run: python skills/skill-visualizer/scripts/visualize.py skills Output: docs/visualizations/skills-map-YYYY-MM-DD.html

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: skill-visualizer
Download link: https://github.com/mhylle/claude-skills-collection/archive/main.zip#skill-visualizer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.