claude-skill-code-walkthrough は何をしますか?
Claude Codeスキル:コードスニペット、ファイルリンク、Mermaidアーキテクチャ図を含む教育的なreveal.jsコードツアーを生成します。
概要
このスキルは、Claude Codeの機能を活用して、指定されたコードベースの教育的なウォークスルーをreveal.jsプレゼンテーションとして生成します。生成されたプレゼンテーションは、以下の要素を含みます:
- コードスニペット:重要なコード部分をハイライト表示
- ファイルリンク:ソースコードファイルへの直接リンク
- Mermaidアーキテクチャ図:システム全体の構造を視覚化
使用方法
Claude Code上で以下のように呼び出します:
claude code --skill axelv/claude-skill-code-walkthrough
または、Claude Codeのチャットインターフェースで「コードウォークスルーを生成して」と指示します。
必要要件
- Claude Codeがインストールされていること
- 対象のプロジェクトがローカルにクローンされていること
- Node.js(reveal.jsの実行に必要)
出力
スキルを実行すると、code-walkthroughディレクトリが作成され、以下のファイルが生成されます:
index.html:メインのreveal.jsプレゼンテーションファイルslides/:各スライドのMarkdownファイルassets/:画像やその他のリソース
プレゼンテーションはブラウザで開いて表示できます。
カスタマイズ
生成されるプレゼンテーションのテーマやレイアウトをカスタマイズするには、スキルの設定ファイル(skills.json)を編集してください。
サポート
問題が発生した場合は、GitHubリポジトリのIssueセクションで報告してください。