怎么工作
源文件是权威源，版本交给 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 的直接回答。