From 4cb162ba98d656b8d3436f037db9dd30ac155c3e Mon Sep 17 00:00:00 2001
From: koide <koide@clawdbot.dev>
Date: Thu, 19 Feb 2026 14:17:48 +0000
Subject: [PATCH] =?UTF-8?q?Add:=20=E3=82=B9=E3=82=AD=E3=83=AB=E3=82=92?=
 =?UTF-8?q?=E4=BD=BF=E3=82=8F=E3=81=9B=E3=82=8B=E3=82=B3=E3=83=84=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dgx-spark-claude-code-playwright/index.md | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/docs-tech/dgx-spark-claude-code-playwright/index.md b/docs-tech/dgx-spark-claude-code-playwright/index.md
index 7715de1..4f8df5a 100644
--- a/docs-tech/dgx-spark-claude-code-playwright/index.md
+++ b/docs-tech/dgx-spark-claude-code-playwright/index.md
@@ -73,6 +73,58 @@ claude-local  # ローカルモデルで起動
 
 Claude Codeで：
 
+
+## スキルを使わせるコツ
+
+:::warning Claude Codeがplaywright-cliを使ってくれない？
+デフォルトではClaude Codeは`playwright-cli`の存在を知りません。以下の方法で認識させましょう。
+:::
+
+### 方法1: 明示的に指示する
+
+プロンプトで**明示的に**`playwright-cli`を指定します：
+
+```text
+playwright-cli を使って https://example.com のスクリーンショットを撮って
+```
+
+最初に「`playwright-cli --help` を確認して」と言うのも効果的：
+
+```text
+playwright-cli --help を確認して、そのコマンドを使ってブラウザ操作をして
+```
+
+### 方法2: CLAUDE.mdにスキルを記述
+
+プロジェクトのルートに `CLAUDE.md` を作成し、スキルを記述します：
+
+```markdown title="CLAUDE.md"
+# プロジェクト設定
+
+## ブラウザ操作
+
+このプロジェクトではブラウザ操作に **playwright-cli** を使用してください。
+Web検索やFetchではなく、必ず playwright-cli コマンドを使ってください。
+
+利用可能なコマンド:
+- playwright-cli open <url> - ブラウザを開く
+- playwright-cli snapshot - ページ構造を取得
+- playwright-cli click <ref> - 要素をクリック
+- playwright-cli type <text> - テキスト入力
+- playwright-cli screenshot - スクリーンショット
+```
+
+### 方法3: セッション開始時に宣言
+
+Claude Codeを起動したら、最初にこう言います：
+
+```text
+このセッションではブラウザ操作に playwright-cli を使います。
+playwright-cli --help で使い方を確認してください。
+```
+
+これでClaude Codeが`playwright-cli`の存在を認識し、以降のブラウザ操作で使ってくれます。
+
 ```text
 > playwright-cli --help を確認して、https://example.com のスクリーンショットを撮って
 ```