chatbot-api

The skills required to integrate a new AI API into the ChatBot project. It provides implementation patterns for API classes, proxy settings, and streaming implementations. Please use this when adding a new AI API, implementing an API class, adding streaming functionality, or setting up a server proxy.

ChatBot API統合スキル

このスキルはChatBotプロジェクトに新しいAI APIを統合する際のガイダンスを提供します。

API追加手順

1. 設定値の追加（config.js）

// window.CONFIG.AIAPI.ENDPOINTS に追加
ENDPOINTS: {
    OPENAI: '/openai/v1/chat/completions',
    CLAUDE: '/anthropic/v1/messages',
    GEMINI: '/gemini/v1beta/models',
    NEW_API: '/newapi/v1/chat'  // 新しいエンドポイント
}

// window.CONFIG.STORAGE.KEYS に追加
KEYS: {
    NEW_API_KEY: 'newApiKey'  // 新しいAPIキー
}

2. APIクラスの作成

app/public/js/core/newApi.js に配置。

3. サーバープロキシの追加

app/server/index.js にプロキシ設定を追加。

4. api.js への統合

AIAPI.callAIAPI メソッドにルーティングを追加。

5. UI設定の追加

APIキー設定モーダルにフォームを追加。

既存APIクラス一覧

| クラス | ファイル | 機能 | |--------|----------|------| | OpenAIAPI | openaiApi.js | OpenAI Chat Completions API | | ClaudeAPI | claudeApi.js | Anthropic Claude Messages API | | GeminiAPI | geminiApi.js | Google Gemini API | | ResponsesAPI | responsesApi.js | OpenAI Responses API (Web検索) |

必須メソッド

callXxxAPI(messages, model, attachments, options) - メインAPI呼び出し
#validateAPISettings() - API設定の検証
#prepareXxxRequest() - リクエスト準備
#executeXxxRequest() - 非ストリーミング実行
#executeStreamXxxRequest() - ストリーミング実行

参照ファイル

詳細は以下のファイルを参照：

references/api-class-template.md: 完全なAPIクラステンプレート
references/server-proxy-setup.md: Express プロキシ設定方法
references/streaming-implementation.md: SSE実装パターン