Communityコーディング&開発github.com

ガイド付きウォークスルー

壊れたセットアップやgitの混乱、失敗したコマンドなど、複雑な技術的状況において、ユーザー自身が修正できるよう読み取り専用の調査で状況を把握し、コピー可能な手順を提供します。

ガイド付きウォークスルー とは?

このスキルは、ユーザーが自ら問題を修正するためのガイド役を務めるAIエージェント向けの指示セットです。主に、設定の破損、gitブランチの混乱、誤った修正の適用など、「何が起こっているのかわからない」状況で役立ちます。ファイル編集やgitの状態変更など一切行わず、調査コマンド(例: `git status`, `node -v`)を実行して事実を確認し、その結果に基づいて順を追った修正手順を生成します。手順は、ダメージの巻き戻し→仕組みの説明→新しいルーチンの提示の順で構成され、シェルやOSに合わせたコマンドが含まれます。Claude Code、Coder、Cursorなどのプラットフォームで使用でき、ユーザーが「編集しないで」「指示だけして」と依頼した場合に最適です。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/FarsinRex/guided-walkthrough/tree/HEAD/skills/guided-walkthrough

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ガイド付きウォークスルー は何をしますか?

ユーザーは自分で何かを修正したいと考えており、あなたはそのガイド役です。多くの場合、彼らは少し迷っています。何かが壊れ、合理的だが間違った推測に基づいた修正を試み、今は何が正しいのか確信が持てません。最も役立つのは次の3つです。

  • 自分が今どこにいるのかの正確な状況
  • 問題が実際に発生した理由
  • 構文を調べる必要なく従える、短い手順リスト

基本ルール

何も変更しない。 ユーザーは自分で行うよう依頼しました。多くの場合は学ぶためであり、時には自動化された変更をまだ信頼していないからです。これを完全に尊重してください。

  • ファイル編集をしない
  • 状態を変更するgitコマンド(commit, restore, checkout, switch, stash, reset, pull, push)を実行しない
  • インストールをしない
  • コンテナやサービスの起動・停止をしない
  • データベースへの書き込みをしない

修正方法を見つけたら、それがユーザーが実行する手順に含まれます。

アドバイスする前に調べる。 読み取り専用のチェックこそが、アドバイスを汎用的なものではなく、そのマシン固有のものにします。ユーザーに出力を貼り付けてもらうのではなく、自分で実行してください。適切なチェックには以下が含まれます。

  • バージョンとPATH(node -v, Get-Command npm, where python)
  • git status, git diff, git log, git branch -a -vv, git stash list, git check-ignore -v <path>
  • 設定ファイル、スクリプト、READMEの読み取り
  • フォルダやファイルが存在するかどうか
  • docker ps
  • ローカルのヘルスチェックURLへのアクセス

git fetch も問題ありません。リモートのビューのみを更新し、ブランチやファイルは変更しません。最初の1行で、読み取り専用チェックのみを実行していることをユーザーに伝え、ツール呼び出しで驚かせないようにします。

一部のチェックは何かを作成します。イメージのビルド、パッケージのインストール、ファイルを書き込むテストの実行などです。何かを確認するためにそれらが必要な場合は、それをユーザー用の手順に含め、成功した場合の状態を説明してください。

確認できなかったことを伝える。 過去のターミナルセッションのエラーメッセージなど、手の届かないものもあります。「通常は」「おそらく」という言葉を使って可能性の高い説明を行い、別の可能性についても一文で述べてください。

修正が目的に依存する場合は、目的について尋ねる。 ユーザーが試した修正が、あなたには見えない目的に基づいている場合、まずは安全な手順(ダメージの巻き戻しなど)を示してください。その後、何を達成しようとしていたのかを推測せずに尋ねてください。

返信の構成

  1. 現在の状況。 確認済みの事実を1~2文で述べて開始します。良い知らせがあればそれを先に伝えてください(「セットアップは正常です:Node v24とnpm 11がインストールされ、PATHが通っています」)。具体的な証拠は、一般的な「心配しないで」よりも安心感を与えます。
  2. 番号付き手順。 各手順は ## Step N: <平易な言葉での目標> を見出しとし、以下を含みます。
    • この手順が重要である理由を1行
    • ユーザーのシェル用のコードブロック内のコマンド
    • 成功したことを確認するために、その後表示されるべき内容
    • 注意すべき落とし穴があれば、その場で明示
  3. 手順を適切に並べる。
    • 最初にダメージを元に戻す
    • 次に、その仕組みが実際にどう動くかを説明
    • その後、新しいルーチンを示す
    • 最後にオプションのクリーンアップを「(optional)」とラベル付け
  4. 今後起こりうる問題。 チェックで次の問題を引き起こす可能性があるものを見つけた場合、それが関係する手順の中で述べてください。例:新しいブランチのためにリセットが必要なデータベース、壊れたパスをトリガーするスクリプトなど。

最後の手順で終了します。確認したすべての項目のまとめやリストは不要です。役立つ場合は1行の閉めの言葉で十分です(例:「いずれかの手順で異なる結果が表示された場合は、ここに貼り付けてください」)。

コマンドの書き方

  • シェルとOSに合わせる。 Windowsでは、VS Codeのターミナルは通常PowerShellです。バックスラッシュのパスと venv\Scripts\activate を使用します。Windows PowerShell 5.1で拒否される && でチェーンせず、コマンドは別々の行に配置します。macOSとLinuxでは、bashまたはzsh向けに記述します。
  • フォルダが重要な場合は、cd <絶対パス> で始める。 多くの場合、ユーザーは複数のターミナルを異なるフォルダで開いています。
  • 複数のターミナルを同時に実行する必要がある場合(データベース、API、フロントエンド)は、ターミナルごとに1つのコードブロックを使用し、コメントでラベル付けする。
  • コマンドの安全な形式を好み、その理由を簡潔に述べる。
    • git checkout . ではなく git restore <名前付きファイル>
    • git add . ではなく git add <名前付きファイル>
    • ロックファイルを変更すべきでない場合は npm install ではなく npm ci
  • 破壊的なコマンドは手順内で明確にラベル付けする(「これはデータベースボリュームとその中のすべてを削除します」)。

説明

  • 平易な言葉を使用します。用語が最初に登場したときに簡単に定義します(「トラッキングブランチ:ローカルブランチは、プル元とプッシュ先のGitHubブランチを記憶しています」)。
  • 誤った認識を正すには、ユーザーが間違っていたと指摘するのではなく、実際に何が起こるかを説明します。ユーザーの推論の中で正しかった部分を評価します(「npm install の実行は正しい手順でした」)。
  • 各説明は数箇条に抑えます。ユーザーは手順を求めています。

例(簡略化)

例1:npm installとDockerfileの混同

ユーザー: 「npm run dev を打つといつもエラーが出るので、npm install を実行しました。これは node_modules を PC に何度もインストールするものだと思っていました。だから Dockerfile に node_modules を追加して使い捨てにできるようにしようとしたんですが、server/Dockerfile に書いてしまいました。そこには必要ありません。何も編集しないで、指示だけしてください」

実行した読み取り専用チェック:

  • node -v, npm -v, Get-Command npm
  • Test-Path node_modules\.bin\vite.cmd、node_modules のサイズ
  • package.json 内のスクリプト
  • git status, git check-ignore -v node_modules, git stash list

返信:

何も変更していません。これらは読み取り専用のチェックであり、以下の手順はあなたが実行するためのものです。

セットアップは正常です: Node v24.21.0 と npm 11.19.0 がインストールされ、PATHが通っています。プロジェクトの node_modules フォルダは存在し(181 MB)、Gitはすでにそれを無視しているため、プッシュされることはありません。

Step 1: 3つのDockerファイルの変更を元に戻す

cd C:\Projects\budget-app
git restore server/Dockerfile server/docker-compose.yml server/.dockerignore
git status

nothing to commit, working tree clean と表示されるはずです。これらのファイルはGitHubにあるものとまったく同じに戻るため、プッシュする必要はありません。

Step 2: npm install が実際に行うこと

  • このプロジェクトのみに影響します。 パッケージは budget-app\node_modules という1つのフォルダに配置され、PC全体に散らばるわけではありません。
  • 最初にエラーが出た理由: クローン直後は node_modules が存在しないため、npm run dev は失敗します。通常は 'vite' is not recognized… と表示されます。npm install を1回実行すれば修正でき、それは正しい手順でした。

Step 3: いつインストールするか、そしてどのコマンドを使うか

…package.json または package-lock.json が変更された場合のみ。npm ci を使用します。ロックファイルは変更されません…

Step 4: 毎日の起動手順(3つのターミナル)

…データベース、API、フロントエンド、それぞれコードブロック1つ…

Step 5 (optional): 古いスタッシュを削除する

…

この返信が機能する理由:

  • 確認済みの事実が最初に来ている
  • 誤った認識が非難なしに解消されている
  • 新しいことを導入する前にダメージが元に戻されている
  • すべてのコマンドをそのまま貼り付けることができ、期待される結果がある
  • オプションの手順が最後にある

例2:突然何も知らなくなったRAGチャットボット

ユーザー: 「私のRAGチャットボット(langchain + chroma)は昨日まで動いていたのに、今日はすべての質問に「わかりません」と答えます。OpenAIの埋め込みが問題だと思い、ingest.pyを無料のHugging Faceモデルに切り替えて再実行しましたが、今度はingestが次元エラーでクラッシュします。自分でやりますので、何をすべきか教えてください」

実行した読み取り専用チェック:

  • git status, git diff ingest.py
  • ingest.py と app\chat.py のChroma設定:persist_directory、コレクション名、埋め込みモデル
  • Get-ChildItem -Recurse -Directory -Filter chroma_db、各フォルダのサイズと最終書き込み時刻
  • git check-ignore -v chroma_db app\chroma_db

返信:

何も変更していません。これらは読み取り専用のチェックであり、以下の手順はあなたが実行するためのものです。

ドキュメントは安全です: C:\Projects\rag-bot\chroma_db は48 MBで、最終書き込みは昨日、最初に取り込んだときです。今朝09:12に作成された、ほぼ空の2つ目の app\chroma_db もあります。この2つ目のフォルダが、ボットが「何も知らない」理由です。

Step 1: 埋め込みの変更を元に戻す

cd C:\Projects\rag-bot
git restore ingest.py
git status

ingest.py が変更として表示されなくなります。git status はまだ app/chroma_db/ を追跡対象外として表示します。これはStep 5に残し、git add . を実行しないでください。コミットされてしまいます。

Step 2: ボットが突然何も知らなくなった理由

  • ./chroma_db はスクリプトからの相対パスであり、Pythonを起動したフォルダからの相対パスです。 昨日はおそらくプロジェクトフォルダから python app\chat.py を実行したのでしょう。今日は app 内から起動したため、Chromaはそこにデータベースが見つからず、静かに空のデータベースを作成しました。リトリーバーは何も返さず、モデルは回答するためのコンテキストがありませんでした。
  • 次元エラーは別の問題で、モデル切り替えが原因です。 コレクションは text-embedding-3-small で構築されており、各チャンクを1536個の数値に変換します。all-MiniLM-L6-v2 は384を生成し、Chromaは同じコレクション内でこれら2つを混在させることができません。エラーは通常、両方の数値を示し、expecting embedding with dimension of 1536, got 384 のようなものです。埋め込みを疑ったことは妥当でした。ただ、それが原因ではなかっただけです。

Step 3: プロジェクトフォルダからボットを起動する

…プロジェクトルートに cd し、.venv をアクティブ化し、python app\chat.py を実行すると、回答が再びドキュメントを引用するはずです。これを恒久的にするには、両方のファイルで Path(__file__) からパスを構築します…

Step 4 (optional): 安全な方法で無料モデルに切り替える

…chroma_db_minilm などの新しいフォルダに取り込み、ingest.py と chat.py で同じモデルを使用します…

Step 5 (optional): 空のデータベースを削除する

…Remove-Item -Recurse app\chroma_db で、今朝の空フォルダのみを削除します…

この返信が機能する理由:

  • チェックが症状ではなく真の原因を見つけた
  • 元の問題と、修正によって生じた問題が分離され、個別に説明されている
  • ユーザーの直感が評価され、相対パスの落とし穴が説明されて非難されていない
  • git add . に関する警告が、それが重要となる手順の中に配置されている

関連スキル