AI 創作者的整套後端 —— 五個元件,一套服務

託管 PostgreSQL 資料庫

每個專案有自己獨立的託管 PostgreSQL 資料庫 —— 一個真正、隔離的資料庫,不是玩具。你不用寫 SQL、設計 schema、跑 migration。存一筆有新欄位的紀錄,欄位就出現;存一筆新類型的紀錄,表就被建出來。資料庫單純地跟著你的 app 一起長大。

// 不用 CREATE TABLE、不用 schema 檔案
await cradler.from("posts").insert({ title: "Hello", views: 0 });

// 新增欄位?直接存 —— 欄位就出現
await cradler.from("posts").insert({ title: "Next", views: 0, slug: "next" });

// 讀取,可以過濾、排序,全程型別檢查
const { rows } = await cradler.from("posts")
  .select()
  .eq("published", true)
  .order("createdAt", { desc: true });

圖片、影片、音訊儲存

圖片、影片、音訊跟任何檔案都跟資料庫住在同一個服務裡 —— 一個專案、一組金鑰、一張帳單。透過 SDK 上傳,檔案經由全球 CDN 快速送達。額外好處:圖片與影片路徑會直接在主控台的資料表瀏覽器裡內嵌預覽,不離開 Cradler 就能看到上傳了什麼。

// 上傳任何檔案 —— 圖片、影片、音訊、PDF
await cradler.storage.upload("covers/sunset.jpg", file);

// 拿一個臨時的簽章 URL 來顯示或下載
const url = await cradler.storage.getUrl("covers/sunset.jpg");

// 用路徑列出、刪除
const files = await cradler.storage.list("covers/");
await cradler.storage.remove("covers/sunset.jpg");

型別齊全的 TypeScript SDK —— @cradler/sdk

@cradler/sdk 是一個型別齊全的 TypeScript 客戶端,query-builder 風格,AI 寫程式工具早就熟悉。因為它型別完整、又跟 AI 訓練資料裡的工具長得像,Cursor、Claude Code、v0 生出的整合程式碼第一次就對,不用反覆修正。

import { createClient } from "@cradler/sdk";

const cradler = createClient({
  url: "https://gateway.cradler.ai",
  projectId: "your-project-id",
  apiKey: process.env.CRADLER_SERVICE_KEY!,
});

MCP server —— @cradler/mcp

@cradler/mcp 是一個 Model Context Protocol server,把你的 AI agent 直接接到專案的後端。Claude、Cursor、Claude Code 可以讀你真實的資料結構,自己讀寫資料 —— 助手是針對你的真實 schema 在工作,不是用猜的。

// .mcp.json 放在專案根目錄
{
  "mcpServers": {
    "cradler": {
      "command": "npx",
      "args": ["@cradler/mcp"],
      "env": {
        "CRADLER_API_KEY": "...",
        "CRADLER_PROJECT_ID": "..."
      }
    }
  }
}

Agent Skill

Cradler Agent Skill 教 AI 寫程式 agent 怎麼把 Cradler 後端加到 app —— 怎麼建立專案、安裝 SDK、把讀寫跟上傳接起來。把這個 skill 丟給你的 agent,它不用你解釋就知道該怎麼做。