[{"data":1,"prerenderedAt":33},["ShallowReactive",2],{"i-lucide:grip":3,"i-lucide:chevron-right":8,"i-lucide:moon":10,"i-lucide:sun":12,"i-lucide:languages":14,"i-lucide:chevron-down":16,"i-lucide:shield-check":18,"i-lucide:mail":20,"blog-body-human-ai-cowriting-zh":22,"i-lucide:lightbulb":23,"i-lucide:pen-tool":25,"i-lucide:code":27,"i-lucide:git-branch":29,"i-lucide:star":31},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 8l6 6m-7 0l6-6l2-3M2 5h12M7 2h1m14 20l-5-10l-5 10m2-4h6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>","\u003Cblockquote>\n\u003Cp>人机双写的目的，是让 AI 加速生产，但把最终把控交给人——不是让 AI 在本地默默做完，而是借由交互和渲染，让人在产物还没走完时就能改方向、调细节。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fhuman-ai-cowriting\u002Fcover.webp\" alt=\"文章核心论点配图\">\u003C\u002Fp>\n\u003Ch2>人机双写是什么意思？\u003C\u002Fh2>\n\u003Cp>人机双写指\u003Cstrong>人和 AI 同时写同一份正在成形的产物\u003C\u002Fstrong>：AI 加快起草、改写、切分，人在看得见的界面上决定「对不对、往哪走、细处怎么改」。它针对的不是「会不会用 AI」，而是「产物在哪成形」。\u003C\u002Fp>\n\u003Cp>很多人把「双写」理解成两个人轮流改一份文档，或理解成把需求丢给 AI、等它交卷。这两种都缺了一半。前者没有加速；后者把人排除在生产中途之外。人机双写要的是第三条路：\u003Cstrong>速度给 AI，方向和细节给人\u003C\u002Fstrong>，而且人的把控必须发生在产物还活着、还能改的时候。\u003C\u002Fp>\n\u003Cp>所以人机双写不是多开一个聊天窗口，也不是把文件丢进本地脚本里批量出图。聊天窗口里只有字；本地脚本往往一口气跑完，人只能在结束后验收。真正构成「双写」的，是同一块画布上同时存在两件事：AI 还在写，人已经能看见写出来的样子。\u003C\u002Fp>\n\u003Ch2>为什么不该让 AI 在后台独自把产物做完？\u003C\u002Fh2>\n\u003Cp>让 AI 在后台或本地独自做完，人只能验收，不能把控。一次生成、一键导出、脚本跑完再打开文件夹——这些做法很快，但把「对不对」推迟到整份产物已经定型之后。\u003C\u002Fp>\n\u003Cp>这会带来三个具体麻烦：\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>方向错了才发现。\u003C\u002Fstrong> 小红书要切成几张、流程图该先讲哪一步，往往要对着预览才知道。AI 在对话里「写完了」并不等于页上已经成立。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>细节改不动、只能重来。\u003C\u002Fstrong> 标题大了、某一张卡字太多、某根箭头指错了，如果没有中途界面，你只能把整段再生成一遍，已经满意的部分也可能被改掉。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>人变成质检员，而不是作者。\u003C\u002Fstrong> 加速生产的本意是让人把精力用在判断上，而不是在结束后做全盘返工。\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>人机双写承认一件很朴素的事：\u003Cstrong>方向和细节只能对着成品判断。\u003C\u002Fstrong> 成品如果只存在于生成结束的那一刻，人就没有中途。把渲染提前到生产过程里，人才能在中途说话。\u003C\u002Fp>\n\u003Ch2>中途把控，靠的是交互和渲染吗？\u003C\u002Fh2>\n\u003Cp>是。人机双写能成立，靠的不是更强的模型，而是\u003Cstrong>人能看见、能插手的那一层\u003C\u002Fstrong>：页上预览（渲染）和页上操作（交互）。没有这两层，人和 AI 仍然隔着复制粘贴，双写只是轮流发消息。\u003C\u002Fp>\n\u003Cp>渲染解决「看见」。Markdown 切成卡片之后，每张卡的字数、留白、分页对不对，必须在卡片预览里看，不能只看源码。流程图画完之后，节点会不会挤在一起、箭头会不会绕错，必须在图上看出错，不能只看一段文本描述。\u003C\u002Fp>\n\u003Cp>交互解决「插手」。人可以改一句标题、删一张多余的卡、换一种导出，而不必把整份产物作废。AI 也可以对着同一页继续写：人刚改过的地方还在，下一轮改动叠在上面，而不是从零重来。\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>做法\u003C\u002Fth>\n\u003Cth>人什么时候看见结果\u003C\u002Fth>\n\u003Cth>人什么时候能改\u003C\u002Fth>\n\u003Cth>更像什么\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>对话里一次生成完\u003C\u002Ftd>\n\u003Ctd>全部结束后\u003C\u002Ftd>\n\u003Ctd>只能重说需求、再生成\u003C\u002Ftd>\n\u003Ctd>交卷验收\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>本地脚本 \u002F 后台批处理\u003C\u002Ftd>\n\u003Ctd>文件写出之后\u003C\u002Ftd>\n\u003Ctd>改参数再跑一遍\u003C\u002Ftd>\n\u003Ctd>流水线出货\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>人机双写（页上渲染 + 交互）\u003C\u002Ftd>\n\u003Ctd>生产中途，预览跟着变\u003C\u002Ftd>\n\u003Ctd>随时改方向和细节\u003C\u002Ftd>\n\u003Ctd>同一块画布上共写\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>表里第三行才是人机双写的特点：\u003Cstrong>加速发生在 AI 侧，把控发生在人看得见的那一侧。\u003C\u002Fstrong> 两边同时在场，才叫双写。\u003C\u002Fp>\n\u003Ch2>为什么 MeTool 天然适合人机双写？\u003C\u002Fh2>\n\u003Cp>MeTool 天然适合人机双写，因为它的工具本来就是\u003Cstrong>页上成形的画布\u003C\u002Fstrong>：左边改、右边立刻看见，人随时能点、能删、能改口，而不是等对话或脚本交一卷成品。人机双写要的「中途渲染 + 中途交互」，在这些页上先于 AI 就存在了。\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fhuman-ai-cowriting\u002F01-metool-cowriting.webp\" alt=\"MeTool 页上人机双写：助手写入左侧源码，人在右侧预览里改细节，蓝线把判断送回同一页\">\u003C\u002Fp>\n\u003Cp>多数 AI 用法是：人在聊天里提需求，模型在看不见的地方写完，再把字或文件交回来。MeTool 反过来。页的骨架不依赖 AI——没接助手时，它已经是完整的工具：输入和预览并列，结果常驻在眼前。接上助手之后，AI 只是加快往同一块画布上写，并不把生产搬进后台。人仍然对着预览判断，仍然能自己改一处细节。\u003C\u002Fp>\n\u003Cp>所以适合不适合，不看模型强不强，而看页面是不是已经满足这三件事：\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>人机双写需要\u003C\u002Fth>\n\u003Cth>MeTool 页上本来就有\u003C\u002Fth>\n\u003Cth>缺了会怎样\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>产物在中途就能被看见\u003C\u002Ftd>\n\u003Ctd>源码一改，预览跟着变\u003C\u002Ftd>\n\u003Ctd>人只能在结束后验收\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>人能不经过 AI 就插手\u003C\u002Ftd>\n\u003Ctd>标题、分页、导出都在页上可点\u003C\u002Ftd>\n\u003Ctd>改一处也只能重说需求\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>AI 和人对着同一块画布\u003C\u002Ftd>\n\u003Ctd>助手读写的是当前这一页，不是另存一份\u003C\u002Ftd>\n\u003Ctd>两边各写各的，双写拆成两趟\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>MeTool 能人机双写的工具页还在扩张，我先试点了 \u003Ca href=\"\u002Fmarkdown\u002Fxiaohongshu\u002F\">Markdown 转小红书图文卡片\u003C\u002Fa> 和 \u003Ca href=\"\u002Fdocs\u002FmdToXiaohongshu\u002F\">文档侧的同一套转换\u003C\u002Fa>，因为这两个比较具有代表性。都是源码在一侧、卡片在另一侧，哪一页太挤、哪一句不像口播，要对着预览才知道；流程、结构则在 \u003Ca href=\"\u002Fmarkdown\u002Fmermaid\u002F\">Mermaid 图表\u003C\u002Fa> 里即时出图，箭头绕错了改那一段即可，不必重画整张。\u003C\u002Fp>\n\u003Cp>原则也就清楚了：\u003Cstrong>没有中途预览、人也不能直接改的页，接上 AI 也只是远程打字，算不上双写。\u003C\u002Fstrong> MeTool 适合这种模式，是因为页先是给人用的工具，然后才把助手请到同一页上加速——不是先让 AI 在本地做完，再给人一个结果。\u003C\u002Fp>\n\u003Cp>具体怎么接到你正在用的助手上，是操作问题，不在这篇里展开；需要逐步对照时，看 \u003Ca href=\"\u002Fblog\u002Fp\u002Fconnect-ai-to-online-tools\u002F\">怎么让正在用的 AI 直接操作网页工具\u003C\u002Fa>。\u003C\u002Fp>\n\u003Ch2>人机双写适合什么、不适合什么？\u003C\u002Fh2>\n\u003Cp>人机双写适合「必须看着成品才能改」的中途工作，不适合「生成完就可以交差、人不必看过程」的一次性任务。\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>你要做的事\u003C\u002Fth>\n\u003Cth>更适合\u003C\u002Fth>\n\u003Cth>原因\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>把长笔记切成多张卡片，边看边改口吻\u003C\u002Ftd>\n\u003Ctd>人机双写\u003C\u002Ftd>\n\u003Ctd>分页和语气只能对着预览判断\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>把流程、关系画成图，边看边改结构\u003C\u002Ftd>\n\u003Ctd>人机双写\u003C\u002Ftd>\n\u003Ctd>交叉、层次、箭头对错要看图\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>只要一段纯文本回信、不用排版\u003C\u002Ftd>\n\u003Ctd>对话里一次生成即可\u003C\u002Ftd>\n\u003Ctd>没有「中途渲染」可看\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>批量出一百张几乎相同的图，中途不看\u003C\u002Ftd>\n\u003Ctd>后台 \u002F 本地批处理\u003C\u002Ftd>\n\u003Ctd>人的把控用不上，速度优先\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>只要改现成页面上的一个错字\u003C\u002Ftd>\n\u003Ctd>人自己点选即可\u003C\u002Ftd>\n\u003Ctd>不必把 AI 请进场\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>边界也要说清楚：一次通常只对着\u003Cstrong>当前这一页\u003C\u002Fstrong>双写，关掉页面，助手就不再知道往哪写；还没把预览和写入接上的工具，不能假装已经能双写。人机双写加速的是「有判断的那一段生产」，不是取代人把整条流水线搬进后台。\u003C\u002Fp>\n\u003Ch2>小结\u003C\u002Fh2>\n\u003Cp>人机双写要的不是更听话的自动机，而是\u003Cstrong>AI 加速、人把控\u003C\u002Fstrong>：产物在页上被渲染出来，人在交互里中途改方向、调细节。让 AI 在本地或后台独自做完，人只剩下验收，那是交卷，不是双写。MeTool 适合这种模式，正因为页本身就是能看见、能改的画布；形态对了，才值得把助手接进来。\u003C\u002Fp>\n",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":24},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"\u002F>\u003Cpath d=\"m18 13l-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18M2.3 2.3l7.286 7.286\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 18l6-6l-6-6M8 6l-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":30},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15 6a9 9 0 0 0-9 9V3\"\u002F>\u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"18\" r=\"3\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":32},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z\"\u002F>",1787054375211]