C1 by Thesys

什么是 Thesys 的 C1？

Thesys 的 C1 是一个 API 中间件，旨在将大型语言模型 (LLM) 的响应实时转换为动态、自适应的用户界面。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 将模型的响应转换为实时界面。集成过程包括三个简单的步骤：

1. 更改 URL： 配置您的 AI 请求以使用 Thesys 端点。
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-Native 团队：非常适合需要更快上市时间和更低开发成本的团队。

为什么选择 Thesys 的 C1？

Thesys 的 C1 相比传统的 UI 开发方法具有以下几个优势：

• 更快的上市时间： 团队可以更快 10 倍地构建 AI 前端。
• 更低的开发成本： 将开发成本降低高达 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 端点：

   • 更新您的 AI 请求以使用 C1 API 端点。

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 可以应用于各种行业和用例：

• 数据分析： 动态创建交互式图表、图形和仪表板。
• 电子商务： 构建动态产品界面和个性化购物体验。
• EdTech： 开发能够实时响应学生需求的自适应学习界面。
• 搜索： 使用交互式组件增强搜索界面，以进行过滤和探索。

结论

Thesys 的 C1 提供了一种变革性的方法来构建 AI 原生应用程序。通过启用实时 UI 生成，它可以减少开发时间，降低成本并提高用户参与度。无论您是构建副驾驶、软件代理还是动态数据可视化，C1 都提供了创建智能的、具有上下文感知的前端所需的工具和灵活性。凭借其对多个 LLM 的支持、广泛的自定义选项和企业级安全性，C1 完全有能力成为 AI 应用程序开发未来的关键组成部分。