免費
載入中…
https://recontent.app
開啟線上網站 
4.2 / 5編輯評測分評分依據
- 實用性
- 4.6
這是編輯給出的評估，滿分 5 分，不是使用者評分的平均值。 本頁的各方觀點由 AI 根據產品資訊歸納，不是真實使用者的評價。
依據 OpenAITools.app 於 2026-11-11 查驗的觀測資料，Recontent（recontent.app）是收錄於 AI 翻譯的 AI 平台，每月產生 0 次造訪，月流量變化量為 +0（0%）。其主要地理市場為全球（流量佔比 —），並採用免費定價模式。依每月流量計算的主要競爭替代方案包括 Components AI（每月 8516 次造訪），Supernova.io（每月 6.47萬次造訪），AI Code Converter（每月 5730 次造訪）。
型別化設計代幣超好用，重構直接起飛。
推。
編譯速度有感提升，Tailwind 輸出很直覺。
以下短評基於實時網頁探查、定價機制與同類基準由 AI 綜合生成，用於呈現不同情境下的常見亮點與槽點，非實名真實用戶留言。
引用、系統與元件 token 分別承載原始數值、意義與元件決策，並互相進行型別檢查。
一切都由外掛完成，從 CSS 變數、Tailwind v4 到 StyleX、DTCG JSON、文件、TypeScript 與 Swift，也可自訂。
recontent diff 將 token 與 git 版本對比，區分重新命名、刪除與數值變更，並可在 CI 中直接失敗。
幾行程式即可定義暗色模式或新品牌色板，別名自動跟隨，CSS 只輸出變化部分。
編譯產物中的變數仍指向下一層，輸出像設定檔一樣可讀，而不是被壓平的十六進位值。
Recontent 用三個型別化層級組織設計系統：引用 token 保存原始詞彙（色值與色階），系統 token 描述意義，元件 token 記錄屬於單一元件的決策。由於每一層都指向下一層，別名會一直保留到編譯產物中，改動一處意義即可讓所有按鈕、連結與介面同步變化。
它透過外掛把 token 變成輸出檔案：外掛讀取解析後的 token 註冊表並回傳檔案，因此同一份設定可以產生 CSS 變數、Tailwind v4 主題、StyleX defineVars、供 Figma/Tokens Studio 使用的 DTCG JSON、文件頁、iOS Swift 或自訂 TypeScript。主題是核心能力：暗色模式只替換少量系統色，品牌換新則替換整份引用色板，元件無需改動。
安全性來自 recontent diff：它把目前 token 與任意 git 版本對比，區分重新命名與刪除、數值變更與破壞性變更，因此 CI 可以攔截會破壞下游的合併請求。上手流程很短：安裝套件、用 recontent init 產生設定、加入外掛、執行 recontent build。
需要注意，recontent.app 過去定位為面向產品團隊的開源產品文案與本地化工具，而目前網域上的產品是設計 token 建置工具，首頁已不再提供獨立的產品文案服務。
在合併請求中執行 recontent diff，阻止會破壞下游元件的重新命名與刪除。
用同一份 token 設定產生 CSS 變數、Tailwind 主題工具類與 TypeScript 型別，避免維護多份檔案。
匯出 DTCG JSON 供 Tokens Studio 使用，讓設計工具與程式碼共享同一套詞彙。
各品牌替換引用色板，同時在不同產品間保持相同的系統與元件 token 命名。
同一分類下同類 AI 工具的流量並排比較
| 排名 | AI 工具 | 每月造訪次數 | 月增幅 | 直接流量占比 | 價格 | 正面對決 |
|---|---|---|---|---|---|---|
| ● | Recontent | 0 | 0% | — | 免費 | 目前產品 |
| 1 | Components AI | 8516 | -18.9% | 37% 直接流量 | 免費 | 對比 Components AI |
| 2 | Supernova.io | 6.47萬 | -12.9% | 37% 直接流量 | 免費增值、付費、需聯絡報價 | 對比 Supernova.io |
| 3 | AI Code Converter | 5730 | -10.9% | 39% 直接流量 | 免費 | 對比 AI Code Converter |
| 4 | Anima | 28.33萬 | -5.8% | 42% 直接流量 | 免費增值 | 對比 Anima |
| 5 | Locofy.ai | 3.11萬 | -38.8% | 37% 直接流量 | 付費、需聯絡報價 | 對比 Locofy.ai |
| 6 | JS2TS | 2.1萬 | -21% | 41% 直接流量 | 免費 | 對比 JS2TS |
Supernova.io is an agentic design system platform that unifies design tokens, components, documentation and code patterns into a single connected source of truth, then serves that knowledge to product teams and their AI coding agents through filtered MCP servers, code automations and analytics.
Supernova.io is an agentic design system platform that unifies design tokens, components, documentation and code patterns into a single connected source of truth, then serves that knowledge to product teams and their AI coding agents through filtered MCP servers, code automations and analytics.
用 AI 在不同程式語言之間翻譯與生成程式碼
免費 / 開源Toolcraft is an open-source starter kit and UI library that helps AI agents build custom design apps. Scaffold a project with one npx command and get a canvas, layer system, timeline and ready component set so generated tools look and behave consistently.
免費 / 開源Toolcraft is an open-source starter kit and UI library that helps AI agents build custom design apps. Scaffold a project with one npx command and get a canvas, layer system, timeline and ready component set so generated tools look and behave consistently.
用一句話描述就能打造可用的應用、網站與 AI 代理
