Matt Pocock氏の `/teach` スキルとは

AIを単なる「答えを教えてくれるツール」から「優秀なパーソナル家庭教師（Socratic Tutor）」へと進化させる学習メソッドです。

🎥 元動画・一次情報

学習ワークフローの4つの柱

1. MISSION.md の策定（明確な学習目標）

「なぜ学ぶのか（Why）」「到達目標（Goals）」「前提知識（Prior Knowledge）」「マイルストーン（Milestones）」を最初にドキュメント化します。ゴールが曖昧なまま学習を始めることを防ぎます。

2. RESOURCES.md の収集（信頼できる一次情報）

公式ドキュメント、W3C標準、RFC仕様、信頼性の高いリファレンスなどのURLと信頼度（Trust Score）を整理します。AIはこの一次情報に基づいて正確なレッスンを組み立てます。

3. Socratic対話＆インタラクティブHTMLレッスンの生成

AIは一方的に解説を流すのではなく、受講者に「次は何が起きると思うか」「このコマンドを実行して結果を教えてほしい」と問いかけます。各章ごとに、見やすく整理された独立したHTMLレッスンファイル（lessons/*.html）を生成します。

4. 実際の手を動かす実践と検証

ターミナルでのコマンド実行、スクリプト作成、エラーのトラブルシューティングを実際に行いながら、理解を身体化します。

新しいテーマを学ぶ際は、まず以下のコマンドで /teach スキルをインストールします。その後、Claude Code や Copilot CLI など、普段お使いのAIコーディングエージェントのセッション内で /teach スキルを呼び出すことで、対話的な学習セッションを開始できます。

# 新しいトピックフォルダを作成して開始する例
mkdir my-new-topic
cd my-new-topic

# teach スキルをインストール / 実行
npx skills@latest add mattpocock/skills --skill teach

セッションを進めると MISSION.md（学習目標）、RESOURCES.md（参考資料集）、lessons/*.html（各章のレッスン）が自動生成され、体系的な学習コンテンツが出来上がります。

オリジナルの /teach スキルでは、トピックごとに独立した assets/style.css を生成して自己完結型のHTMLレッスンを構築する仕様となっています。

一貫した閲覧体験のための最適化

当ポータルでは、複数トピックをまたいで学習・閲覧する際の一体感を高めるため、各トピックの assets/style.css をポータル共通のモダンTufte風デザイントークンに統合しています。

ダークモード同期: ポータル本体で切り替えたテーマ（ライト / ダーク）が各レッスンHTMLにも即時反映されます。
フォント・レイアウト共通化: 可読性に優れたタイポグラフィ（Inter, Noto Sans JP, JetBrains Mono）と統一されたUIコンポーネント（クイズ、ターミナル、コールアウト、ステップ番号）を適用しています。
ポータルナビゲーション: 各レッスンからワンクリックでポータルのトピック詳細へ戻れるナビゲーションを提供しています。