Question 1

什麼是Thesys？

Accepted Answer

**Thesys C1** 是一款專為 AI 產品打造的前端基礎設施，能讓你的 AI 應用即時生成動態且互動的使用者介面。它透過獨特的 API 中介層，將大型語言模型（LLM）的回應轉換成可直接使用的表單、圖表、卡片等 UI 元件，讓開發者免去繁瑣的前端開發工作，快速打造智慧且貼近使用者需求的介面。

Question 2

Thesys的特色是什麼？

Accepted Answer

* **即時生成互動 UI**：C1 不只是回傳文字，而是直接輸出可操作的 UI 元件。  
* **多模型支援**：兼容 OpenAI、Anthropic 等多種大型語言模型。  
* **React SDK 整合**：輕鬆將生成的 UI 嵌入 React 應用。  
* **高度自訂化**：可帶入自家設計系統與 React 元件，打造品牌專屬風格。  
* **企業級安全**：符合 GDPR、SOC2、ISO27001 等多項安全標準，且不保留用戶資料。  
* **支援工具調用**：能連接資料庫、文件和 API，實現豐富的資料互動。  
* **零前端負擔**：開發者專注 AI 邏輯，UI 由 C1 自動生成與管理。

Question 3

Thesys的使用案例有哪些？

Accepted Answer

* **數據分析**：即時呈現圖表與報告，讓數據一目了然。  
* **電子商務**：打造個人化購物流程，提升用戶體驗與轉換率。  
* **教育科技**：動態生成教學表單與互動內容，提升學習效果。  
* **搜尋引擎**：根據用戶需求即時調整介面與結果呈現。  
* **聊天助理與協作工具**：快速構建智能助手與協同平台。

Question 4

如何使用Thesys？

Accepted Answer

* **步驟一：更換 API URL**，將請求指向 Thesys 的 C1 端點。  
* **步驟二：整合 React SDK**，在前端應用中嵌入 C1 生成的 UI。  
* **步驟三：自訂 UI（選擇性）**，根據品牌需求調整樣式與元件。  
* **示範程式碼（Node.js）：**   
```javascript
const { OpenAI } = require('openai')

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

const response = await client.chat.completions.create({
  model: '<model-name>',
  messages: [
    { role: 'user', content: 'Hello, world!' }
  ]
})
```

Question 5

C1 by Thesys 是什麼？

Accepted Answer

C1 是一個能將大型語言模型回應即時轉成互動式 UI 的 API，讓開發者不用寫死前端介面，就能快速打造智慧應用。

Question 6

誰適合使用 Generative UI？

Accepted Answer

適合需要快速變動介面、打造 AI 助手、工具或協作平台的開發團隊與產品團隊。

Question 7

C1 和 Lovable、Bolt 這類工具有什麼不同？

Accepted Answer

Lovable 和 Bolt 是設計工具，幫你在開發前產生 UI 草圖或程式碼；C1 則是實際運行時動態生成並呈現 UI，讓介面隨使用者需求即時變化。

Question 8

C1 可以搭配哪些大型語言模型？

Accepted Answer

支援包括 OpenAI、Anthropic 等多款主流模型，並持續擴充中。

Question 9

可以帶入自訂的 UI 元件嗎？

Accepted Answer

可以，C1 支援自訂 React 元件與設計系統，讓 UI 完全符合品牌風格。