開源 · Apache-2.0本機免費 · 一行指令分享 · 評審回饋交給 Agent
用 TS/TSX 寫出能點、能播放的原型，在本機看板裡比較方案；一行指令分享或嵌入，團隊在評審連結裡投票拍板，Agent 用 joplo feedback 依決定修改原始碼。
終端機
$ npx joplo@latest init my-demo$ npx joplo dev --open$ npx joplo share --review✓ 評審版已發布 → https://joplo.app/s/…$ npx joplo feedback2 個決定待寫回 → 交給 Agent
運作方式
原始檔是唯一依據，版本交給 Git。評審意見不會散落在聊天紀錄裡：拍板的結果由 Agent 寫回同一份 TSX，再發布一版。
頁面、方案、情況和流程都寫在原始檔裡，和程式碼放在一起。
options/a.tsx切換方案 A / B，看每個方案涵蓋了哪些情況，逐步播放演示。
npx joplo dev --open一般連結只放選定的方案；評審版帶上全部方案，規則和問題只給評審者看。
npx joplo share --review評審者在演示旁留言、選取元素、投票；作者選定方案、確認或否決規則、回答問題。
cloud.joplo.app/review/…Agent 取得尚未寫回的決定和留言，修改原始碼、執行 check，再標記為已寫回。
npx joplo feedback回到第 2 步：改完再執行一次 npx joplo share --review。Pro 帳號會更新同一條評審連結，留言和投票都會保留。
功能
01
頁面、方案、情況和流程都寫成 TS/TSX，放進 Git。你和 Agent 改的是同一份原始檔。
export default option({name: 'A · 單人郵件邀請視窗',tradeoffs: ['路徑最短', '一次只能邀請一人'],});flow('管理員成功送出邀請').click('btn_invite', '開啟邀請視窗').type('in_email', '[email protected]').select('sel_role', '編輯者', uses('role_cap')).click('btn_send', '送出邀請');
02
同一個功能寫 A、B 兩個方案。看板依情況列出每個方案的涵蓋範圍：哪裡缺漏、哪裡待決定，一目了然。
03
npx joplo share 發布成 joplo.app/s/… 連結。嵌入部落格、文件或 README，訪客先看到封面，點開就能播放、全螢幕。
04
發出評審連結，同事在演示旁留言、選取元素、投票；你拍板之後，Agent 用 npx joplo feedback 取得決定，依決定修改原始碼。
$ npx joplo feedbackShare k3f9x2Qa1B · version 3Decisions not yet applied (2):[d_8f2k] Pick option invite.a-modal for feature invite[d_3m9q] Reject rule resend_cap: 只限制 1 分鐘內重複寄送Unresolved comments (1):[c_7xw1] scenario invite.a-modal.success · step 2 — 陳晨按鈕文字改成「邀請同事」？Next: update the source as decided, run npx joplo check,then npx joplo feedback --applied d_8f2k,d_3m9q
05即將開放
在 CI 裡用 API Key 發布，不需要裝置登入。Joplo GitHub App 開通後，每個 PR 會收到一則預覽留言，PR 關閉後連結失效。
on: pull_requestjobs:preview:runs-on: ubuntu-lateststeps:- uses: actions/checkout@v4- run: npx joplo share --new --pr ${{ github.event.number }}env:JOPLO_API_KEY: ${{ secrets.JOPLO_API_KEY }}
範例
從 B2B 後台到手機 App，再到後端架構和技術文章。點開就能播放，和你嵌入自己頁面的效果一樣。
B2B SaaS團隊邀請管理員邀請成員並指定權限。成功送出、傳送失敗後重試、一般成員無權邀請，三條路徑都能逐步播放。適合：做後台產品的產品經理和設計師3 個場景
消費級 App · 兩人協作營地助手小雨請助手規劃週末露營，再把行程分享給朋友阿杰。天氣或人數一變，助手就主動調整計畫。適合：做手機 App 和 AI 助手的團隊
技術講解Agent 腦手分離的後端架構一次 Agent 任務從客戶端到雲端的完整鏈路。大腦只產出工具呼叫，端側執行器和雲端沙箱負責執行。適合：要向團隊講清架構的工程師
技術講解 · 部落格配套Intelligent UI 實作詳解讓 AI 直接輸出介面的兩條路線，以及從模型到沙箱的完整鏈路。可以搭配部落格文章一起看。適合：寫技術文章、做分享的作者4 個場景價格
CLI 的創作、檢查、建置不收費；嵌入、評審、API Key 所有帳號都能用。Pro 買的是永久連結和更高的額度。
$0
先給同事看一眼，或發起一輪評審。
$48/ 年
需要長期有效的連結時。
價格以美元計，由 Waffo Pancake 作為記錄商戶收款。
常見問題
關於價格、分享、嵌入、評審和 Agent 的直接回答。