Claude Code Skill Map

概要

Claude Codeの機能を楽しく知るインタラクティブゲーム。6ラウンド・15チャレンジを通じて、7つのスキル領域を蜘蛛の巣状のレーダーチャートで可視化し、得点に応じたアーキタイプのタイトルを表示します。フック、サブエージェント、CLAUDE.md、MCPサーバーなどの機能を網羅的に紹介。無料・ログイン不要、Next.jsとFramer Motionで実装。

特徴

• 無料・登録不要
• 6ラウンド・15チャレンジ
• 複数フォーマットとタイムアタック
• 7指標のレーダーとアーキタイプ表示
• 遊びながら気づく機能の発見体験

設計背景

副業プロジェクトとして週末の実験から生まれた。ドキュメントを読み、全機能を検証してゲーム化した。