C1 by Thesys

ThesysのC1とは？

ThesysのC1は、大規模言語モデル（LLM）の応答をリアルタイムでライブでアダプティブなユーザーインターフェースに変換するように設計されたAPIミドルウェアです。従来のプレーンテキスト出力の代わりに、C1はフォーム、テーブル、チャート、レイアウトなどの構造化されたUIコンポーネントを生成します。これらのコンポーネントは、C1 React SDKを使用して直接レンダリングでき、動的でインタラクティブなユーザーエクスペリエンスを提供します。

主な機能：

• リアルタイムUI生成： LLM応答をインタラクティブなUIコンポーネントに即座に変換します。
• LLM互換性： OpenAIやAnthropicを含む複数のLLMをサポートし、柔軟性を確保します。
• カスタマイズ可能なUI： CrayonのUIライブラリと統合されており、テーマ、トークン、コンポーネントなど、広範なカスタマイズが可能です。
• ツール呼び出しサポート： ツール呼び出しを介してデータソースに接続し、データベース、ドキュメント、APIから結果を取得します。
• カスタムコンポーネント： 独自のロジックとスタイリングを持つカスタムReactコンポーネントの使用を可能にします。
• 構成可能なアクション： C1がすぐに実行できるアクション、コールバック、およびワークフローの設定を可能にします。

ThesysのC1はどのように機能しますか？

C1は、LLMの最上位にあるAPIレイヤーとして動作し、リアルタイムでアダプティブUIを構築します。C1 React SDKを活用して、モデルからの応答をライブインターフェースに変換します。統合プロセスには、3つの簡単なステップが含まれます。

1. URLの変更： Thesysエンドポイントを使用するようにAIリクエストを構成します。
2. SDKの統合： C1 React SDKをプロジェクトに組み込みます。
3. UIのカスタマイズ（オプション）： ブランドとアプリケーションの要件に合わせてUIコンポーネントをカスタマイズします。

以下のコード例は、C1をNode.jsおよびOpenAIと統合する方法を示しています。

const { OpenAI } = require('openai');

// Create OpenAI client with Thesys endpoint
const client = new OpenAI({
  apiKey: process.env.THESYS_API_KEY,
  baseURL: 'https://api.thesys.dev/v1/embed'
});

// Now use the client for your AI requests
const response = await client.chat.completions.create({
  model: '<model-name>',
  messages: [
    { role: 'user', content: 'Hello, world!' }
  ]
});

ThesysのC1は誰のためのものですか？

C1は、ソフトウェアエージェント、コパイロット、およびユースケースが急速に進化するその他のツールなど、AIネイティブアプリケーションを構築するチーム向けに設計されています。静的なUIが不十分な場合に特に役立ちます。ロジック、状態、およびユーザーの行動に適応し、LLMが出力とインタラクションの両方を形成できるようにします。

• 開発者： フロントエンドのオーバーヘッドを削減し、開発を加速します。
• 製品チーム： 動的でタスク固有のインターフェースを効率的に構築します。
• AIネイティブチーム：市場投入までの時間を短縮し、開発コストを削減する必要があるチームに最適です。

ThesysのC1を選ぶ理由？

ThesysのC1は、従来のUI開発方法に比べていくつかの利点があります。

• 市場投入までの時間の短縮： チームはAIフロントエンドを10倍速く構築できます。
• 開発コストの削減： 開発コストを最大80％削減します。
• エンゲージメントの向上： ユーザーはC1の応答が静的なテキストよりも魅力的であると感じます。
• エンタープライズグレードのセキュリティ： GDPR、SOC2、およびISO27001に準拠し、データ保持ゼロおよびプライベートデプロイメントオプションを提供します。
• 柔軟性： あらゆるAIスタックで動作し、完全にカスタマイズ可能で、すべてのツール呼び出しとカスタムReactコンポーネントをサポートします。

ThesysのC1の使用方法？

C1を使用するには、APIをAIアプリケーションに統合し、React SDKを活用してUIコンポーネントをレンダリングします。詳細な内訳は次のとおりです。

1. 環境のセットアップ：

   • Node.jsとnpm（Node Package Manager）がインストールされていることを確認してください。
   • create-react-appまたはお好みのセットアップを使用して、新しいReactアプリケーションを作成します。

2. C1 React SDKのインストール：

   • npmまたはyarnを使用して、必要な依存関係をReactプロジェクトに追加します。

3. APIエンドポイントの構成：

   • C1 APIエンドポイントを使用するようにAIリクエストを更新します。

4. UIコンポーネントのレンダリング：

   • C1 React SDKを使用して、APIによって生成された構造化されたUIコンポーネントをレンダリングします。

5. コンポーネントのカスタマイズ（オプション）：

   • UIコンポーネントをカスタマイズして、ブランドとアプリケーションのデザインシステムに一致させます。

ThesysのC1とvibe-codingツールとの違いは何ですか？

ThesysのC1は、LovableやBoltなどのvibe-codingツールとは大きく異なります。LovableやBoltのようなツールは、プロンプトをモックアップまたはコードに変換することで、アプリがライブになる前にUIの設計を支援しますが、C1はアプリの実行中に実際のインターフェースを構築して表示し、各ユーザーと状況に合わせてカスタマイズします。

ジェネレーティブUIのユースケース

ThesysのC1は、さまざまな業界やユースケースに適用できます。

• データ分析： インタラクティブなチャート、グラフ、ダッシュボードをその場で作成します。
• Eコマース： ダイナミックな製品インターフェースとパーソナライズされたショッピング体験を構築します。
• EdTech： 学生のニーズにリアルタイムで対応するアダプティブラーニングインターフェースを開発します。
• 検索： フィルタリングと探索のためのインタラクティブなコンポーネントで検索インターフェースを強化します。

結論

ThesysのC1は、AIネイティブアプリケーションを構築するための革新的なアプローチを提供します。リアルタイムUI生成を可能にすることで、開発時間を短縮し、コストを削減し、ユーザーエンゲージメントを高めます。コパイロット、ソフトウェアエージェント、または動的なデータ視覚化を構築する場合でも、C1はインテリジェントでコンテキストを認識したフロントエンドを作成するために必要なツールと柔軟性を提供します。複数のLLMのサポート、広範なカスタマイズオプション、およびエンタープライズグレードのセキュリティにより、C1はAIアプリケーション開発の未来における重要なコンポーネントとしての地位を確立しています。