クラウディウス：Claude用オープンソース埋め込みAIチャットウィジェット

Claudiusは、Claudeを搭載したオープンソースのセルフホスティング型チャットウィジェットで、任意のウェブサイトに埋め込むことができます。このプロジェクトは、高額なSaaSサブスクリプションやゼロからのカスタム開発を必要とせずに、クライアントがよく求めるチャットボットの要望に対応するために作成されました。

主な機能

• 任意のサイト（WordPress、Webflow、静的HTML、Reactなど）で動作するフローティングチャットバブル
• バックエンドはCloudflare Workers上で動作（無料枠で相当なトラフィックを処理可能）
• ビジネス固有のAIアシスタントを作成するためのカスタマイズ可能なシステムプロンプト
• ダークモード（ライト/ダーク/自動切り替えオプション）
• 会話の永続化とマークダウンレンダリング
• APIコストの超過を防ぐKVベースのレート制限
• WCAG 2.1 AA準拠のアクセシビリティ、320pxまでのレスポンシブ対応
• 完全に設定可能：色、タイトル、テーマ、システムプロンプト

技術スタック

フロントエンド：React 18、TypeScript、Tailwind、Vite
バックエンド：Cloudflare Workers、Hono、Anthropic SDK

実装方法

埋め込みには3つのファイルが必要です：window.ClaudiusConfigにワーカーURLと設定を設定し、CSSを含め、JSを含めます。

コスト構造

唯一のコストはAnthropic APIの使用料です。Cloudflare Workersの無料枠では1日10万リクエストを提供します。日々のチャット数が少ない中小企業サイトでは、コストは最小限です。

このプロジェクトはMITライセンスで、テレメトリー、トラッキング、SaaS仲介業者はありません。これは開発者スタジオの3番目のオープンソースプロジェクトであり、Reactフレームワーク（Aurelius）とWordPressフレームワーク（Flavian）に続くもので、どちらもClaude Codeと統合されています。