Projekt
Projekt · 圖片 · 程式設計
Projekt 是一款視覺化工作區，為用 AI 程式開發代理來打造專案的人而設計。它把 Claude Code、Codex、Gemini CLI 與 Opencode 這類工具收進同一個介面，並附上即時預覽與可編輯的 DOM。你用平實的語言描述想要什麼，看著代理寫程式時頁面隨之更新，然後點選任一元素手動調整。它的賣點很簡單。留住以提示詞為主的開發速度，同時不放掉對成果的直接掌控。
關於 Projekt
Projekt 是什麼
Projekt 是一款桌面式 AI 程式開發工作區，把預覽、可編輯的 DOM 以及你選擇的程式開發代理放在同一個視窗裡。你連接自己已經付費的代理，把 Projekt 指向專案資料夾，然後開始用自然語言描述變更。就這樣。
它解決的問題很簡單。在「代理寫完了程式」與「頁面看起來對了」之間有一道落差。大多數 AI 程式開發工具停在終端機或編輯器。Projekt 則讓運作中的瀏覽器預覽與對話並排。每個變更立刻顯示，所以你用視覺判斷，而不是逐行讀 diff。
最大的限制在於 Projekt 本身不是程式開發代理。它沒有自己的模型。完全沒有。你得帶上自己的代理與 API 金鑰，或帶上你的訂閱。如果你本來就沒有 Claude Code 或 Codex 這類環境，Projekt 自己幫不上太多忙。它也是一款以網頁前端為優先的工作區。如果你的工作大多是後端或行動端，預覽的幫助就沒那麼大。
開始使用
- 安裝 Projekt，然後加入你想使用的 AI 程式開發代理，例如 Claude Code、Codex、Gemini CLI 或 Opencode。
- 為這些代理連接你自己的 API 金鑰或訂閱。
- 把 Projekt 指向現有資料夾，或直接用提示詞開一個新專案，不需設定或樣板碼。
- 描述你想要的變更，看著代理寫程式時即時預覽隨之更新。
- 選取任一元素，行內編輯它或視覺化調整樣式，然後提交並部署。
產品資訊
快速了解 Projekt 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 會寫提示詞、但不想整天待在程式編輯器裡的產品設計師：Projekt 讓你以視覺方式塑造成果，於是你直接在頁面上判斷間距、字體與版面。
- 已經在付費使用程式開發代理的前端開發者：你保留現有的 Claude Code 或 Codex 環境，並在上頭多一層即時預覽。
- 推出行銷著陸頁的創辦人與獨立開發者：以提示詞為主的流程能快速弄出可用的頁面，接著由可編輯的 DOM 處理那些瑣碎的細節。
任務
- 打造並反覆調整網頁介面：描述一個區塊，看它渲染出來，再移動元素直到看起來對了。
- 修改既有網站：打開資料夾，請代理做一項變更，並在提交前於預覽中看到結果。
- 從粗略想法做出版面原型：先從提示詞開始，在瀏覽器裡細修，而不是先畫線框稿。
情境
- 把著陸頁推向正式上線，並在部署前修掉細微的視覺問題，因為你可以在同一個視窗裡行內編輯並提交。
- 臨時給客戶的快速展示，你需要的是一個今天就能點的東西，而不是完整的設計規格。
- 整理接手來的程式碼，此時看著每個變更即時呈現，勝過閱讀不是你寫的 diff。
主要功能
帶上你自己的代理
Projekt 不內建模型。你登入並安裝自己已在使用的程式開發代理，包括 Claude Code、Codex、Gemini CLI 與 Opencode，然後連接自己的金鑰。日後換代理時，工作區維持不變。這正是重點。
即時預覽
代理做的每個變更都會在程式被寫出的同時顯示於即時預覽。不必等建置。不必重新整理瀏覽器。你看著頁面一步步成形，這讓代理誤解你要求的情況立刻現形。
可編輯的 DOM
你可以選取預覽頁面上的任一元素並直接編輯，或手動調整樣式。這正是它勝過純聊天轉程式工具的地方。代理帶你走完大半路程。剩下的你以視覺方式收尾，而不是再寫一段提示詞。
以提示詞為主的介面
你主要的工作方式是描述你想要的內容。然後觀察。介面把你的提示詞與代理的動作配在一起，於是你看到它分析專案、建立元件、撰寫樣式，這些步驟逐一發生。
不需設定、不需樣板碼
你可以把 Projekt 指向任一資料夾就開始工作，或用提示詞開一個新專案。沒有鷹架步驟。沒有得先填的設定檔。這降低了投入既有程式碼庫的門檻。
內建 Git 與部署
當成果看起來對了，Projekt 會顯示變更的檔案，讓你從同一個視窗提交，目標是直接接著部署。把版本控制擺在預覽旁邊，意味著你不會因為切換情境而錯過「這看起來不錯，出貨吧」的那一刻。
優缺點
優點
- 即時預覽加上可編輯的 DOM，把以提示詞為主的流程與最後一哩的視覺修正都收在同一個地方。
- 能搭配你已在付費使用的代理，因此模型層不必多付一筆訂閱。
- 不需設定或樣板碼就能打開任何專案資料夾，很容易拿真實工作來試。
- Git 變更在工作區中看得見，所以你在認可預覽後馬上就能提交。
缺點
- 沒有內建模型，代表少了另一個程式開發代理與其金鑰就完全用不了，這對新手來說多了一道設定。
- 以預覽驅動的流程瞄準網頁前端，因此後端吃重或行動端的專案受益較少。
- 這款工具還很早，公開的定價細節也不清楚，所以決定前該到官方網站確認目前的方案與平台支援。
常見問題
Projekt 是一款視覺化工作區，用 AI 程式開發代理來打造網頁前端。你請代理做變更，看著即時預覽，並透過直接編輯元素來細修頁面。
相關內容
探索與 Projekt 相關的工具、技能與文章。
Projekt 替代方案
X Ray Interpreter
X-ray Interpreter · 圖片X Ray Interpreter 是一款以網頁為基礎的 AI 放射科工具，能把 X 光、電腦斷層、磁振造影、超音波與 PET 影像變成白話報告。你上傳一張掃描影像，片刻之間就得到初步的 X 光判讀結果，之後若有需要解釋的地方，還能繼續追問。它的定位是第二意見與學習輔助，而非醫療診斷。
Aieasypic
AIEasyPic · 圖片AIEasyPic 是一款 AI 圖片生成器，能在幾秒內把單純的文字提示變成完成的藝術作品。你也可以用自己照片訓練自訂模型、在現有圖片中替換臉部，並從文字建立短影片片段，全部都能在瀏覽器中完成。它適合想要快速視覺素材的休閒創作者，也適合想打造個人模型、又不想碰任何程式的業餘玩家。
Chargen
Chargen · 圖片Chargen 是一款 AI 角色生成器與世界觀建構工具，專為《龍與地下城》與其他桌上角色扮演遊戲打造。它能將一句構想變成手繪風格的肖像，在同一場工作階段中生出 NPC、怪物、地圖與遭遇，並把每隻生物的細節放在手邊。桌上角色扮演美術這部分靠一套名為 Gold 的點數系統運作，而文字生成器則對所有人保持免費。