<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Codex 无限画布 on 拾光集</title>
        <link>https://www.tood.win/tags/codex-%E6%97%A0%E9%99%90%E7%94%BB%E5%B8%83/</link>
        <description>Recent content in Codex 无限画布 on 拾光集</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh</language>
        <lastBuildDate>Thu, 27 Aug 2026 12:53:55 +0800</lastBuildDate><atom:link href="https://www.tood.win/tags/codex-%E6%97%A0%E9%99%90%E7%94%BB%E5%B8%83/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>Cowart：为 Codex 加上无限画布，用标注直接修改 AI 图片</title>
            <link>https://www.tood.win/posts/cowart-wei-codex-jia-shang-wu-xian-hua-bu-yong/</link>
            <pubDate>Tue, 04 Aug 2026 19:44:00 +0800</pubDate>
            <guid>https://www.tood.win/posts/cowart-wei-codex-jia-shang-wu-xian-hua-bu-yong/</guid>
            <description>&lt;p&gt;Cowart 是一款面向 &lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/codex/&#34; &gt;Codex&lt;/a&gt; 的开源无限画布插件。它基于 tldraw 构建，可以在 Codex 中打开可视化画布，用于整理创意、放置参考图、生成图片、添加箭头和文字标注，以及根据标注继续迭代图片。&lt;/p&gt;&#xA;&lt;p&gt;与只在聊天框里反复修改提示词相比，Cowart 更适合需要多轮调整的视觉创作任务。&lt;/p&gt;&#xA;&lt;h2 id=&#34;cowart-能做什么&#34;&gt;Cowart 能做什么&#xA;&lt;/h2&gt;&lt;p&gt;Cowart 目前主要支持以下功能：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;在 Codex 中打开 tldraw 无限画布&lt;/li&gt;&#xA;&lt;li&gt;创建指定尺寸和比例的 &lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/ai/&#34; &gt;AI&lt;/a&gt; 图片框&lt;/li&gt;&#xA;&lt;li&gt;输入提示词并添加一张或多张参考图&lt;/li&gt;&#xA;&lt;li&gt;让 Codex 将生成结果放入指定图片框&lt;/li&gt;&#xA;&lt;li&gt;在图片上添加箭头、文字和图形标注&lt;/li&gt;&#xA;&lt;li&gt;根据标注生成新的修改版本&lt;/li&gt;&#xA;&lt;li&gt;在画布中保留原图、标注和不同版本&lt;/li&gt;&#xA;&lt;li&gt;生成并嵌入单文件 HTML 页面&lt;/li&gt;&#xA;&lt;li&gt;将图片和 HTML 内容整理成 AI Slides&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;画布数据默认保存在当前项目的 &lt;code&gt;canvas/&lt;/code&gt; 目录中，而不是上传或写入 Cowart 插件仓库。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;Cowart：为 Codex 加上无限画布，用标注直接修改 AI 图片&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/23_08_01_1-2ea35768.jpg&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;为什么无限画布更适合-ai-改图&#34;&gt;为什么无限画布更适合 AI 改图&#xA;&lt;/h2&gt;&lt;p&gt;使用普通聊天窗口修改图片时，经常需要重新描述：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;哪个物体需要调整&lt;/li&gt;&#xA;&lt;li&gt;修改位置在哪里&lt;/li&gt;&#xA;&lt;li&gt;哪部分应该保留&lt;/li&gt;&#xA;&lt;li&gt;颜色、大小和方向如何变化&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;描述越复杂，提示词越容易出现歧义。&lt;/p&gt;&#xA;&lt;p&gt;Cowart 将这些空间信息直接放到图片上。你可以圈出需要修改的区域，画一条箭头，再写上“删除这里的台灯”或“将沙发换成深棕色皮革”。&lt;/p&gt;&#xA;&lt;p&gt;Cowart 会将原图、箭头和标注文字导出为截图，再交给 Codex理解修改要求并生成一个干净的新版本。&lt;/p&gt;&#xA;&lt;p&gt;需要注意的是，这种方式本质上仍然是 AI 重新生成图片，并不等同于 Photoshop 的像素级局部编辑。复杂场景中，未标注区域也可能出现细节变化。&lt;/p&gt;&#xA;&lt;h2 id=&#34;使用示例生成中古风家居海报&#34;&gt;使用示例：生成中古风家居海报&#xA;&lt;/h2&gt;&lt;h3 id=&#34;第一步打开-cowart-画布&#34;&gt;第一步：打开 Cowart 画布&#xA;&lt;/h3&gt;&lt;p&gt;安装完成后，在 Codex 中输入：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;Open the Cowart canvas for this project.&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;h3 id=&#34;第二步创建-ai-图片框&#34;&gt;第二步：创建 AI 图片框&#xA;&lt;/h3&gt;&lt;p&gt;在画布工具栏中创建一个“AI 图片”框，并调整为需要的尺寸和比例。&lt;/p&gt;&#xA;&lt;p&gt;例如，制作一张中古风家居海报，可以输入：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;生成一张中古风家居海报。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;画面是一间温暖的客厅，包含深棕色木质家具、焦糖色皮沙发、&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;复古落地灯和米白色地毯。使用低饱和暖色调、柔和侧光和&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;杂志广告式构图，保留顶部标题区域，图片比例为 4:3。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;Cowart 会将提示词、参考图以及图片框的尺寸信息交给 Codex，并用生成结果替换这个图片框。&lt;/p&gt;&#xA;&lt;h3 id=&#34;第三步直接标注需要修改的位置&#34;&gt;第三步：直接标注需要修改的位置&#xA;&lt;/h3&gt;&lt;p&gt;生成图片后，可以在画布中：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;圈出不需要的家具&lt;/li&gt;&#xA;&lt;li&gt;用箭头指出需要移动的位置&lt;/li&gt;&#xA;&lt;li&gt;写明需要替换的颜色或材质&lt;/li&gt;&#xA;&lt;li&gt;标出需要保留的区域&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;例如：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;删除这个花瓶&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;沙发改为深棕色皮革&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;标题区域增加留白&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;窗外改成傍晚街景&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;选中带有标注的图片，点击“按标注修改”。&lt;/p&gt;&#xA;&lt;p&gt;Cowart 会将标注截图发送给 Codex，并把新生成的图片放在原图旁边。原图和标注不会被删除，方便继续比较和迭代。&lt;/p&gt;&#xA;&lt;h2 id=&#34;安装-cowart&#34;&gt;安装 Cowart&#xA;&lt;/h2&gt;&lt;p&gt;最简单的方法是把下面的内容直接发送给 Codex：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;请从 https://github.com/zhongerxin/cowart.git 安装 Cowart Codex 插件。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;请将仓库克隆到 ~/plugins/cowart，&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;确认 .codex-plugin/plugin.json 文件存在，&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;然后将插件加入 personal marketplace。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;依次运行：&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;codex plugin marketplace add ~&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;codex plugin add cowart@personal&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;安装完成后，请校验插件是否可用，&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;并告诉我是否需要新建 Codex 对话来加载 Skill 和 MCP 工具。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;也可以手动安装：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;mkdir -p ~/plugins&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git clone https://github.com/zhongerxin/cowart.git ~/plugins/cowart&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;cd&lt;/span&gt; ~/plugins/cowart&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm install&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm run build&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;codex plugin marketplace add ~&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;codex plugin add cowart@personal&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;安装完成后，建议新建一个 Codex 对话，让 Cowart 的 &lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/skill/&#34; &gt;Skill&lt;/a&gt; 和 &lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/mcp/&#34; &gt;MCP&lt;/a&gt; 工具完整加载。&lt;/p&gt;&#xA;&lt;h2 id=&#34;适合哪些使用场景&#34;&gt;适合哪些使用场景&#xA;&lt;/h2&gt;&lt;p&gt;Cowart 比较适合：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;AI 海报与网站封面设计&lt;/li&gt;&#xA;&lt;li&gt;电商产品图修改&lt;/li&gt;&#xA;&lt;li&gt;室内设计方案对比&lt;/li&gt;&#xA;&lt;li&gt;UI 页面和网页原型迭代&lt;/li&gt;&#xA;&lt;li&gt;图片版本管理&lt;/li&gt;&#xA;&lt;li&gt;演示文稿视觉素材整理&lt;/li&gt;&#xA;&lt;li&gt;需要频繁圈选和标注的改图任务&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;它的核心价值并不是让 AI 图片绝对精准，而是把“用文字描述位置”变成“直接在画面上指出位置”，降低人与 AI 之间的沟通成本。&lt;/p&gt;&#xA;&lt;h2 id=&#34;使用前需要注意&#34;&gt;使用前需要注意&#xA;&lt;/h2&gt;&lt;ol&gt;&#xA;&lt;li&gt;Cowart 是 Codex 插件，需要先具备可使用插件和 MCP Widget 的 Codex 环境。&lt;/li&gt;&#xA;&lt;li&gt;图片生成和修改仍会消耗对应模型额度。&lt;/li&gt;&#xA;&lt;li&gt;标注越清晰，生成结果通常越容易接近期望。&lt;/li&gt;&#xA;&lt;li&gt;一次修改的内容不要过多，建议分成多轮完成。&lt;/li&gt;&#xA;&lt;li&gt;重要文字、Logo 和商品细节应在生成后人工检查。&lt;/li&gt;&#xA;&lt;li&gt;当前项目采用 MIT 开源许可证，但生成图片所涉及的素材版权仍需自行确认。&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;h2 id=&#34;项目地址&#34;&gt;项目地址&#xA;&lt;/h2&gt;&lt;ul&gt;&#xA;&lt;li&gt;GitHub：&lt;a class=&#34;link&#34; href=&#34;https://github.com/zhongerxin/cowart&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;zhongerxin/Cowart&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;底层画布框架：&lt;a class=&#34;link&#34; href=&#34;https://github.com/tldraw/tldraw&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;tldraw/tldraw&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;</description>
        </item></channel>
</rss>
