什麼是Thesys？
Thesys C1 是一款專為 AI 產品打造的前端基礎設施，能讓你的 AI 應用即時生成動態且互動的使用者介面。它透過獨特的 API 中介層，將大型語言模型（LLM）的回應轉換成可直接使用的表單、圖表、卡片等 UI 元件，讓開發者免去繁瑣的前端開發工作，快速打造智慧且貼近使用者需求的介面。
Thesys的特色是什麼？
- 即時生成互動 UI：C1 不只是回傳文字，而是直接輸出可操作的 UI 元件。
- 多模型支援：兼容 OpenAI、Anthropic 等多種大型語言模型。
- React SDK 整合：輕鬆將生成的 UI 嵌入 React 應用。
- 高度自訂化：可帶入自家設計系統與 React 元件，打造品牌專屬風格。
- 企業級安全：符合 GDPR、SOC2、ISO27001 等多項安全標準，且不保留用戶資料。
- 支援工具調用：能連接資料庫、文件和 API，實現豐富的資料互動。
- 零前端負擔：開發者專注 AI 邏輯，UI 由 C1 自動生成與管理。
Thesys的使用案例有哪些？
- 數據分析：即時呈現圖表與報告，讓數據一目了然。
- 電子商務：打造個人化購物流程，提升用戶體驗與轉換率。
- 教育科技：動態生成教學表單與互動內容，提升學習效果。
- 搜尋引擎：根據用戶需求即時調整介面與結果呈現。
- 聊天助理與協作工具：快速構建智能助手與協同平台。
如何使用Thesys？
- 步驟一：更換 API URL，將請求指向 Thesys 的 C1 端點。
- 步驟二：整合 React SDK，在前端應用中嵌入 C1 生成的 UI。
- 步驟三：自訂 UI（選擇性），根據品牌需求調整樣式與元件。
- 示範程式碼（Node.js）：
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!' }
]
})
