Repolode
huggingface

huggingface/chat-ui

OpenAI互換APIに接続できるSvelteKit製LLMチャットUIで、HuggingChatを支えるコードベース。

代替できる製品:ChatGPT

スター
10,990
フォーク
1,721
未解決の Issue
316
最終コミット
12 時間前

これは何?

Chat UIは、SvelteKitとTypeScriptで構築された、大規模言語モデル向けのWebチャットインターフェースです。hf.co/chatで公開されているHuggingChatアプリを支えるコードベースで、ローカルで実行したり、自分のモデル向けにセルフホストしたりできます。

このアプリが通信するのはOpenAI互換APIのみです。OPENAI_BASE_URLとOPENAI_API_KEYを設定すれば、Hugging Face Inference Providers router、ローカルのllama.cppまたはOllamaサーバー、OpenRouterなどのサービスに接続できます。利用可能なモデルは、接続先の/modelsエンドポイントから検出されます。チャット履歴、ユーザー、設定、ファイルはMongoDBに保存されます。MongoDBには、マネージドのAtlasクラスター、ローカルコンテナ、または接続文字列が設定されていない場合に使われる組み込みインスタンスを利用できます。

オプション機能として、設定したModel Context Protocolサーバー経由のMCPツール呼び出し、メッセージごとにモデルを選ぶサーバー側ルーター(たとえば、画像入力をマルチモーダルモデルにルーティング)、PUBLIC_APP_*変数によるテーマ設定、機械学習タスクをHugging Face Hub上で実行する実験的なML Internモードがあります。

主な機能

  • 01OPENAI_BASE_URLを使って、任意のOpenAI互換APIに接続できます。
  • 02接続先の/modelsエンドポイントからモデルを検出します。
  • 03チャット履歴と設定をMongoDBに保存し、ローカル開発では組み込みの代替手段も利用できます。
  • 04OpenAI function callingを使ったツール呼び出しに、MCPサーバーを利用できます。
  • 05メッセージごとにモデルを選ぶオプションのOmni routerを備えています。
  • 06環境変数でアプリ名、アセット、説明をカスタマイズできます。

ユースケース

  • セルフホストしたllama.cppまたはOllamaサーバーの前段に、ChatGPT風のインターフェースを用意する。
  • OpenAI互換ゲートウェイを使うチーム向けに、社内チャットのフロントエンドを構築する。
  • MongoDBに履歴を保存するカスタムSvelteKitチャットアプリの出発点にする。
  • 単一のチャットインターフェースで、さまざまなモデルを使ってMCPツールをテストする。

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/huggingface/chat-ui
  2. 2

    プロジェクトフォルダーに移動する

    cd chat-ui
  3. 3

    依存関係をインストールする

    npm install
  4. 4

    OPENAI_BASE_URL と OPENAI_API_KEY を設定した .env.local を作成してから、開発サーバーを起動してブラウザーを開く

    npm run dev -- --open

使う前に知っておきたいこと

  • OpenAI互換APIでのみ動作します。プロバイダー固有の連携は削除されています。
  • Hugging Face のトークンや、ローカルの llama.cpp または Ollama サーバーなど、APIエンドポイントとキーが必要です。
  • チャット履歴と設定には MongoDB が必要ですが、URLが設定されていない場合は組み込みデータベースにフォールバックします。

トピック

よくある質問

chat-ui とは?
OpenAI互換APIに接続できるSvelteKit製LLMチャットUIで、HuggingChatを支えるコードベース。 Chat UIは、SvelteKitとTypeScriptで構築された、大規模言語モデル向けのWebチャットインターフェースです。hf.co/chatで公開されているHuggingChatアプリを支えるコードベースで、ローカルで実行したり、自分のモデル向けにセルフホストしたりできます。
chat-ui は無料で使えますか?ライセンスは?
chat-ui は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
chat-ui は今もメンテナンスされていますか?
活発にメンテナンス中。chat-ui の最終コミットは 2026年10月20日 です。
chat-ui は何に使えますか?
セルフホストしたllama.cppまたはOllamaサーバーの前段に、ChatGPT風のインターフェースを用意する。 OpenAI互換ゲートウェイを使うチーム向けに、社内チャットのフロントエンドを構築する。 MongoDBに履歴を保存するカスタムSvelteKitチャットアプリの出発点にする。 単一のチャットインターフェースで、さまざまなモデルを使ってMCPツールをテストする。
chat-ui のインストール方法は?
リポジトリをクローンする: git clone https://github.com/huggingface/chat-ui プロジェクトフォルダーに移動する: cd chat-ui 依存関係をインストールする: npm install OPENAI_BASE_URL と OPENAI_API_KEY を設定した .env.local を作成してから、開発サーバーを起動してブラウザーを開く: npm run dev -- --open
chat-ui はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/huggingface/chat-ui

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト