doctor

Doctor

コールドスタート時のヘルスチェックと、必要に応じた自動インストールを行います。何度実行しても安全です。

フェーズ 1 — インベントリ

可能な場合は並行して実行します。

1. Bash(claude mcp list) — 出力を解析し、chrome-devtools: ✓ Connected を確認します
2. Bash(which monolith) — 存在を確認します
3. Bash(which node) — 必須です
4. Bash(which gh) — /ingest-github 用です
5. Bash(test -f package.json && echo yes || echo no)
6. Bash(test -d starters && echo yes || echo no) — yes を想定します
7. Bash(test -d artifacts && echo yes || echo no)
8. Bash(test -d .claude/skills && echo yes || echo no) — yes を想定します

フェーズ 2 — レポート

構造化されたレポートを出力します。

Chrome DevTools MCP: ✓ / ✗ (if ✗, show install command)
monolith CLI:        ✓ / ✗ (optional; needed for /export-standalone)
Node:                ✓ / ✗ (required)
gh CLI:              ✓ / ✗ (needed for /ingest-github)
package.json:        exists / missing
starters/ dir:       exists / missing
artifacts/ dir:      will create
.claude/skills/:     N skills found
FIGMA_TOKEN env:     set / not set (only needed for /ingest-figma)

フェーズ 3 — 修復（ユーザーの同意を得て実行）

不足している項目ごとに、AskUserQuestion を使ってユーザーに「X を今すぐインストールしますか？」（yes／skip／all）と尋ねます。

修復コマンド（yes の場合のみ）：

• Chrome DevTools MCP： Bash(claude mcp add chrome-devtools -s user -- npx chrome-devtools-mcp@latest) — 反映するには Claude Code の再起動が必要です
• monolith： Bash(brew install monolith)（macOS）または Linux の場合はユーザーに案内します
• pptxgenjs + puppeteer：

  Bash(test -f package.json || npm init -y)
  Bash(npm install -D pptxgenjs puppeteer)
  

• artifacts/ ディレクトリ： Bash(mkdir -p artifacts assets/thumbs test)

フェーズ 4 — スモークテスト

すべての項目が正常で（かつ、ユーザーがインストールを実行した直後ではなく、再起動済みの）場合：

1. test/smoke-deck.html を書き込みます。

   <!doctype html>
   <html><head><meta charset="utf-8"/><title>Smoke</title>
   <script src="../starters/deck_stage.js"></script></head>
   <body><deck-stage width="1920" height="1080">
     <section style="padding:60px;font:48px/1.2 Georgia"><h1>One</h1></section>
     <section style="padding:60px;font:48px/1.2 Georgia;background:#f4e4d7"><h1>Two</h1></section>
     <section style="padding:60px;font:48px/1.2 Georgia;background:#4a5d2e;color:#fff"><h1>Three</h1></section>
   </deck-stage></body></html>
   

2. /done test/smoke-deck.html を実行します
3. Chrome DevTools MCP が接続されている場合は、.claude/last-preview.png が存在し、コンソールに問題がないことを確認します
4. 成功または失敗を報告します

フェーズ 5 — ヒント集

一行のヒントを出力します。

Available commands & skills:
  /make-deck <brief>            — build a slide deck
  /interactive-prototype <brief> — clickable React prototype
  /wireframe <thing>            — low-fi variants
  /create-design-system <src>   — extract style guide
  /ingest-github <url>          — pull tokens from repo
  /ingest-screenshot <path>     — extract tokens from image
  /ingest-figma <url>           — pull from Figma (needs FIGMA_TOKEN)
  /make-tweakable <html>        — add live tweak panel
  /apply-tweaks <html>          — persist panel changes
  /register-asset <html>        — add to assets.html overview
  /verify-artifact <html>       — vision-based QA
  /export-pdf  /export-pptx  /export-standalone  /handoff
  /preview /done /screenshot    — operational atomics