| name | claude-agent-sdk |
| description | Claude Agent SDK(@anthropic-ai/claude-agent-sdk)および直接Anthropic SDK(@anthropic-ai/sdk)を使用したエージェント統合の実装を専門とするスキル。
query() API、Hooksシステム、Permission Control、Electron統合、ストリーミング処理、Direct SDKパターンを支援します。
Anchors:
• Claude Agent SDK Official Docs / 適用: SDK API、Hooks、Permissions / 目的: 公式パターンに準拠した実装
• Anthropic SDK (@anthropic-ai/sdk) / 適用: Direct SDK呼び出し / 目的: シンプルなMain Process統合
• Electron IPC Best Practices / 適用: Main-Renderer間通信 / 目的: セキュアなプロセス間通信
• TypeScript Handbook / 適用: 型定義、ジェネリクス / 目的: 型安全なSDK統合
Trigger:
Claude Agent SDKを使用したエージェント機能実装、query() APIストリーミング処理、Hooksシステム実装、Electron統合、Permission Control設計、MCP統合、Direct SDK統合を行う場合に使用。
claude-agent-sdk, query API, PreToolUse, PostToolUse, PermissionRequest, Electron IPC, MCP, ストリーミング, 権限制御, @anthropic-ai/sdk, Direct SDK
|
| allowed-tools | ["Read","Write","Edit","Bash","Glob","Grep"] |
Claude Agent SDK
概要
Claude Agent SDK(@anthropic-ai/claude-agent-sdk)を使用したエージェント統合の実装を専門とするスキル。query() API、Hooksシステム、Permission Control、Electron統合、ストリーミング処理を支援します。
対象言語: TypeScript のみ
最新情報取得
SDK情報は頻繁に更新されるため、実装前に最新情報を確認してください。
node .claude/skills/claude-agent-sdk/scripts/fetch-latest-info.mjs
node .claude/skills/claude-agent-sdk/scripts/fetch-latest-info.mjs --category npm
詳細なURL一覧は references/official-urls.md を参照してください。
ワークフロー
Phase 1: 要件の明確化と設計方針の決定
目的: エージェント統合の要件を理解し、適切なパターンを選定する
アクション:
- 使用するツール(Read, Edit, Bash等)を特定
- Permission Control戦略を決定
references/query-api.md で基礎パターンを確認
references/permission-control.md で権限設計を確認
Task: agents/analyze-agent-requirements.md を参照
Phase 2: SDK統合の実装
目的: query() APIとHooksを実装し、エージェント機能を構築する
アクション:
assets/agent-handler-template.ts を参照してIPCハンドラを実装
references/hooks-system.md でHooksパターンを確認
references/electron-ipc.md でElectron統合パターンを確認
- ストリーミング処理とエラーハンドリングを実装
Task: agents/implement-agent-integration.md を参照
Phase 3: 検証と記録
目的: 成果物の品質を確認し、ナレッジを記録する
アクション:
scripts/validate-agent-setup.mjs で設定の検証
- Permission Controlのテスト
- 実装パターンのドキュメント化
Task: agents/validate-agent-setup.md を参照
Task仕様ナビ
| Task | 概要 | 対応する Phase | リソース |
|---|
| query() API基本実装 | ストリーミングメッセージ処理の基本 | Phase 1, 2 | query-api.md, agent-handler-template.ts |
| Hooks実装 | PreToolUse/PostToolUse/Permission | Phase 2 | hooks-system.md |
| Hooks Factory | createHooks, セキュリティチェック | Phase 2 | hooks-system.md(TASK-3-1-B) |
| Permission Control設計 | 権限ルールの設計と実装 | Phase 1, 2 | permission-control.md |
| Electron IPC統合 | Main-Renderer間のAgent通信 | Phase 2 | electron-ipc.md |
| エラーハンドリング | AbortSignal、タイムアウト、リトライ | Phase 2 | error-handling.md, hooks-system.md |
| リトライ機構 | Exponential Backoff, Jitter, エラー分類 | Phase 2 | error-handling.md, retry-patterns.md |
| MCP統合 | MCPサーバーとの連携 | Phase 2, 3 | mcp-integration.md |
| セキュリティ設計 | サンドボックス、ホスティング | Phase 2, 3 | security-sandboxing.md |
パターン選択ガイド
claude-agent-sdk vs 直接SDK使用
| 要件 | claude-agent-sdk | 直接SDK (@anthropic-ai/sdk) |
|---|
| Hooks (PreToolUse等) | ✅ 必要 | ❌ 不要 |
| Permission Control | ✅ 必要 | ❌ 不要 |
| ストリーミングUI | ✅ 複雑 | ⚪ シンプル |
| Main Process専用 | ⚪ 可能 | ✅ 推奨 |
| バッチ処理 | ⚪ 可能 | ✅ 推奨 |
推奨:
- 対話型エージェント →
@anthropic-ai/claude-agent-sdk
- バックグラウンド処理/バッチ →
@anthropic-ai/sdk 直接使用
Direct Anthropic SDK Pattern
Main Processでシンプルなクエリを実行する場合のパターン。
import Anthropic from "@anthropic-ai/sdk";
import { safeStorage } from "electron";
import Store from "electron-store";
async function getApiKey(): Promise<string> {
const store = new Store<{ anthropic_api_key?: string }>();
const encrypted = store.get("anthropic_api_key");
if (encrypted && safeStorage.isEncryptionAvailable()) {
return safeStorage.decryptString(Buffer.from(encrypted, "base64"));
}
const envKey = process.env.ANTHROPIC_API_KEY;
if (envKey) return envKey;
throw new Error("API key not configured");
}
async function executeQuery(
prompt: string,
systemPrompt?: string,
timeout = 30000,
): Promise<string> {
const client = new Anthropic({ apiKey: await getApiKey() });
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), timeout);
try {
const response = await client.messages.create(
{
model: "claude-sonnet-4-20250514",
max_tokens: 8192,
...(systemPrompt ? { system: systemPrompt } : {}),
messages: [{ role: "user", content: prompt }],
},
{ signal: controller.signal },
);
const textContent = response.content.find((b) => b.type === "text");
return textContent?.type === "text" ? textContent.text : "";
} finally {
clearTimeout(timeoutId);
}
}
📖 実装参照: apps/desktop/src/main/slide/agent-client.ts
SkillExecutor Pattern
フェーズベースのスキル実行パターン。進捗コールバック、キャンセル機能を含む。
interface SkillExecutor {
execute(
phase: SkillPhase,
projectPath: string,
): Promise<SkillExecutionResult>;
cancel(): void;
onProgress(callback: (progress: number) => void): void;
isExecuting(): boolean;
}
const skillMap: Record<SkillPhase, string> = {
hearing: "hearing-facilitator",
structure: "structure-designer",
html: "html-generator",
modifier: "slide-modifier",
};
📖 実装参照: apps/desktop/src/main/slide/skill-executor.ts
AuthKeyService 統合パターン
Electron環境でのセキュアな認証キー管理パターン。Main Processでキーを安全に保持し、SkillExecutorにDIで注入する。
interface AuthKeyService {
setKey(key: string): Promise<void>;
getKey(): Promise<string | null>;
deleteKey(): Promise<void>;
hasKey(): Promise<boolean>;
validateKey(): Promise<{ valid: boolean; error?: string }>;
}
const skillExecutor = new SkillExecutor({
authKeyService,
retryConfig: { maxRetries: 3 },
});
const result = await skillExecutor.execute("hearing", projectPath);
認証キー解決優先順位:
options.apiKey で直接指定
AuthKeyService.getKey() からの取得(Electron環境)
- 環境変数
ANTHROPIC_API_KEY
📖 実装参照: apps/desktop/src/main/services/auth/AuthKeyService.ts
📖 IPC参照: apps/desktop/src/main/ipc/authKeyHandlers.ts
ベストプラクティス
すべきこと
- Permission Rulesで適切な権限制御を設計する
- PreToolUseフックで危険なコマンドをブロックする
- AbortSignalを使用してタイムアウト処理を実装する
- IPCチャネル名を一貫した命名規則で設計する
- ストリーミングメッセージを適切にUI更新に反映する
- エラー発生時のフォールバック処理を実装する
避けるべきこと
- permissionMode: 'bypassPermissions' を本番環境で使用する
- Hookなしで危険なツール(Bash等)を許可する
- Main ProcessでUIロジックを処理する
- ストリーミング中のエラーを無視する
- APIキーをRenderer Processで扱う
- signal.abortedのチェックを省略する
クイックリファレンス
パッケージインストール
pnpm add @anthropic-ai/claude-agent-sdk
基本使用例
import { query } from "@anthropic-ai/claude-agent-sdk";
const conversation = query({
prompt: "Hello, Claude!",
options: {
tools: ["Read", "Edit"],
permissionMode: "default",
env: { ANTHROPIC_API_KEY: apiKey },
abortController: new AbortController(),
},
});
for await (const message of conversation) {
console.log(message);
}
Hook実装例
const options = {
hooks: {
PreToolUse: async (input, toolUseID, { signal }) => {
if (input.toolName === "Bash" && input.args.command?.includes("rm -rf")) {
return {
proceed: false,
message: "危険なコマンドは許可されていません",
};
}
return { proceed: true };
},
},
};
リソース参照
責務別ドキュメント
cat .claude/skills/claude-agent-sdk/references/query-api.md
cat .claude/skills/claude-agent-sdk/references/hooks-system.md
cat .claude/skills/claude-agent-sdk/references/permission-control.md
cat .claude/skills/claude-agent-sdk/references/electron-ipc.md
cat .claude/skills/claude-agent-sdk/references/error-handling.md
cat .claude/skills/claude-agent-sdk/references/retry-patterns.md
cat .claude/skills/claude-agent-sdk/references/mcp-integration.md
cat .claude/skills/claude-agent-sdk/references/security-sandboxing.md
cat .claude/skills/claude-agent-sdk/references/official-urls.md
cat .claude/skills/claude-agent-sdk/references/implementation-artifacts.md
テンプレート参照
cat .claude/skills/claude-agent-sdk/assets/agent-handler-template.ts
cat .claude/skills/claude-agent-sdk/assets/use-agent-hook-template.ts
スクリプト実行
node .claude/skills/claude-agent-sdk/scripts/fetch-latest-info.mjs --help
node .claude/skills/claude-agent-sdk/scripts/validate-agent-setup.mjs --help
関連ドキュメント
| ドキュメント | パス | 説明 |
|---|
| Agent SDKインターフェース仕様 | .claude/skills/aiworkflow-requirements/references/interfaces-agent-sdk.md | 統合システム設計仕様(型定義、IPC) |
| 実装ガイド | docs/30-workflows/claude-code-integration/outputs/phase-12/implementation-guide.md | 概念的・技術的実装ガイド |
| 実装成果物一覧 | references/implementation-artifacts.md | タスク別の成果物・実装ファイル |
タスク別の成果物・実装ファイル詳細は references/implementation-artifacts.md を参照。
変更履歴
| Version | Date | Changes |
|---|
| 2.13.0 | 2026-02-12 | Progressive Disclosure最適化: 成果物テーブルをreferences/implementation-artifacts.mdに分離(513→380行)、旧API値修正(permissionMode/stream())、query-api.mdバージョン情報更新 |
| 2.12.0 | 2026-02-12 | TASK-9B-I教訓反映: query-api.md にTypeScriptモジュール解決パターン追加、permission-control.md の PermissionMode を SDK@0.2.30 実型に更新 |
| 2.11.0 | 2026-02-12 | TASK-9B-I-SDK-FORMAL-INTEGRATION完了(as any 除去、SDK実型@0.2.30に基づく型安全な callSDKQuery 実装、apiKey→env.ANTHROPIC_API_KEY、signal→abortController、conversation直接利用、278テスト全PASS) |
| 2.10.0 | 2026-02-08 | TASK-FIX-16-1 SDK Auth Infrastructure追加(AuthKeyService統合パターン、認証キー解決優先順位、IPC 4チャンネル追加、query-api.md/error-handling.md/electron-ipc.md更新) |
| 2.9.0 | 2026-02-03 | TASK-9Cスキル改善・自動修正機能成果物追加(SkillAnalyzer, SkillImprover, PromptOptimizer、83テスト、Graceful fallbackパターン) |
| 2.8.0 | 2026-02-01 | TASK-IMP-permission-history-001 Permission History Tracking成果物追加(Cross-Slice access, safeArgsSnapshot, Virtual scroll) |
| 2.7.0 | 2026-01-31 | retry-patterns.mdリファレンス新規作成、error-handling.mdリトライセクション最適化(outdated値修正、cross-reference追加) |
| 2.6.0 | 2026-01-31 | TASK-SKILL-RETRY-001リトライ機構パターン追加(RetryConfig, isRetryableError, Exponential Backoff with Jitter) |
| 2.5.0 | 2026-01-26 | TASK-3-1-E権限永続化パターン追加(PermissionStore API、rememberChoice連携、データスキーマ) |
| 2.4.0 | 2026-01-25 | TASK-3-1-B Hooks実装パターン追加(createHooks, categorizeError, isRetryable, セキュリティチェック関数) |
| 2.3.0 | 2026-01-17 | Direct SDK Pattern追加、Slide SDK統合実装参照追加、パターン選択ガイド追加 |
| 2.2.0 | 2026-01-12 | AGENT-005実装成果物・実装ファイル参照追加、パス修正 |
| 2.1.0 | 2026-01-08 | 関連ドキュメントセクション追加、aiworkflow連携 |
| 2.0.0 | 2026-01-08 | 責務ベースに再構成、最新情報取得フロー追加 |
| 1.0.0 | 2026-01-08 | 初期バージョン作成 |