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.

スキル コレクション、コードベース構造、または依存関係グラフのインタラクティブな HTML 視覚化を生成します。 D3.js を使用して、折りたたみ可能なノード、色分けされたカテゴリ、ホバー詳細によるインタラクティブな視覚化を実現します。 「スキルの視覚化」、「スキルマップの生成」、「コードベースの視覚化」、または「スキルの依存関係の表示」をトリガーします。 ソース: mhylle/claude-skills-collection。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mhylle/claude-skills-collection --skill skill-visualizer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る