richardgill/llm-ui

The React library for LLMs

解決する問題

React アプリケーションで大規模言語モデル（LLM）からのストリーミングテキストをレンダリングする際に発生する一般的な視覚的なグリッチやパフォーマンスの問題（ストリーム中に壊れた Markdown 構文が表示される、出力の動きがぎこちないなど）を解決します。

仕組み

このライブラリは、ストリーミング出力を処理するヘッドレス React コンポーネントシステムを提供します。スロットリングを使用してストリームの一時停止を滑らかにし、ネイティブのフレームレートでレンダリングして、流動的なユーザーエクスペリエンスを保証します。また、Shiki と統合して高品質なコードブロックのレンダリングを実現し、開発者が独自のカスタムコンポーネントを LLM の出力に統合できるようにします。

対象読者

React を使用して AI チャットインターフェースや LLM を活用したアプリケーションを構築するフロントエンド開発者。

ハイライト

  • スムーズなストリーミング：スロットリングを使用して、テキストのぎこちない表示を防ぎます。
  • クリーンなレンダリング：ストリーミングプロセス中に壊れた Markdown 構文を自動的に除去します。
  • カスタマイズ可能：ヘッドレス設計により、カスタムスタイルと出力へのカスタムコンポーネントの追加が可能です。
  • コードサポート：Shiki 統合により、すべての言語で高品質なコードブロックを提供します。

関連

  • プロジェクト
    ShadowHackrs/Jailbreaks-GPT-Gemini-deepseek-

    AI安全フィルターを迂回し、研究目的で言語モデルを無制限の運用モードに強制するために設計された高度なプロンプトテンプレートのコレクション。

  • プロジェクト
    Chuloo/mural

    Mural は、ユーザー自身の OpenAI API キーを使用して、AI 駆動の音声会話による言語学習を実現するネイティブ iPhone/Android アプリです。進捗はローカルに保存され、回答に応じて難易度が調整され、12 言語をすぐにサポートします。

  • プロジェクト
    dongsheng123132/u-claw

    U-Claw（別名「虾盘」）は、OpenClaw フレームワーク上に構築されたポータブル AI ワークスペースです。USB 対応のフォルダーを提供し、一度 `setup.sh` を実行して Node.js と OpenClaw をダウンロードすれば、フラッシュドライブにコピーして持ち運べます。ドライブを Windows や macOS マシンに差し込み、スタートスクリプトをダブルクリックするだけで、ローカルの AI チャット UI が起動します。すべての設定、API キー、会話履歴、メモリは USB 上に保持されるため、真のポータビリティとプライバシーが確保されます。簡単な API キー入力で多くの中国語および国際的な LLM をサポートし、セットアップ後はオフラインで動作します。また、起動スクリプト、設定センター、プリインストールされた QQ ボットプラグインが含まれています。

  • プロジェクト
    kwaroran/Risuai

    ロールプレイのための高度なツール（マルチAPIサポート、長期記憶システム、没入型ビジュアルアセットを含む）を提供する、クロスプラットフォームのAIチャットアプリケーション。