很多 AI 工具清单读起来像购物车：一个负责生图，一个负责 UI，一个负责视频，一个负责代码。结果工具越多，人越像搬运工，还是要在不同页面里复制 prompt、下载文件、改名、重新上传。
这篇我想换个角度，不做“谁更强”的横评，而是聊一个更具体的工作流：如果你主要是一个人，或者一个很小的内容/增长团队，想把一个产品想法做成社媒视觉、落地页草稿、短视频素材和一组可迭代的创意资产，这套 AI 创意工作室可以怎么搭。
我会把 Lovart 放在第一位。不是因为每个项目都需要多一个生成器，而是因为创意工作最容易崩的地方，往往不是某一张图，而是“方向还没定，就已经开始生产了”。Lovart 先负责把方向跑通，后面的工具再分别接住设计系统、截图转代码、本地原型和 Agent 生图/生视频这些更具体的任务。
1. Lovart：先把创意方向跑通
Lovart 适合放在第一步，因为它处理的是创意流程里最脆弱的一段：把一个还不够完整的 brief，变成可以继续生产的视觉方向。做社媒内容时，问题通常不是“生成一张好看的图”这么简单。你还需要产品角度、视觉气质、统一的素材感，以及看起来不是半夜临时拼出来的整体性。
Lovart 的价值就在这里。你可以用自然语言描述 campaign 或产品想法，然后在类似画布的空间里和 AI 设计助手一起推进。它不只是生图，而是把品牌、产品、文案、参考图和视觉产出放在同一个上下文里。对独立创作者、小团队、早期产品来说，这会少掉很多在工具之间来回切换的损耗。
在这套工作流里，我会先用 Lovart 定主创意：产品主张怎么讲，社媒视觉应该是什么风格，主视觉和产品图要往哪个方向走，落地页第一屏大概是什么气质。方向越早统一，后面的开源工具越容易发挥，因为它们不需要重新发明整个 campaign。
产品链接：Lovart
从 Lovart 开始的好处是，后面的工具不再面对一个空白问题。我们已经知道“它应该是什么感觉”，接下来就可以进入更工程化的一步：怎么让这个方向稳定、复用、可交付。
2. Open Design：把视觉方向变成可复用的设计系统
Lovart 帮你找到视觉方向之后，Open Design 更适合用来把这个方向结构化。它是一个 local-first 的开源 agentic design workspace，重点不只是生成，而是把 design system、skills、plugins 和导出能力放进一个更完整的设计工作台里。
这对内容生产其实很重要。单张社媒图不难，难的是一整个 campaign：落地页、deck、短动效、产品图、后续系列海报都要看起来像同一个品牌。Open Design 支持围绕 DESIGN.md、设计系统、可复用技能和多种 artifact 导出工作，比如 HTML、PDF、PPTX、MP4 等，更适合把一次创意方向沉淀成后续可重复调用的“品牌工作协议”。
所以我不会把 Open Design 看成 Lovart 的替代品。更自然的用法是：Lovart 先让 campaign 活起来，Open Design 再帮你把它稳定下来，避免每次多做一个素材，风格就漂一点。
产品链接：Open Design
有了视觉方向和更稳定的设计系统之后，下一个常见卡点就是 UI 或落地页。很多需求会从一句很熟悉的话开始：“能不能做一个类似这个截图的页面？”
3. screenshot-to-code：把参考截图变成可运行 UI
screenshot-to-code 是这组工具里最直接的一个：给它截图、mockup、Figma 设计或屏幕录制，它会尝试把视觉参考转换成可运行的前端代码。项目支持 HTML/CSS、Tailwind、React、Vue、Bootstrap、Ionic 等输出，本地版本是 React/Vite 前端加 FastAPI 后端。
我喜欢把它放进这套工作流，是因为它很贴近“社媒创意到产品页面”的真实路径。campaign 往往先是视觉化的：一个竞品页面、一张 mockup、一页 deck、一个移动端草图。与其从零手写布局，screenshot-to-code 可以先给你一个能跑、能点、能继续改的初稿。
当然，它更适合被期待成“很快的第一版”，而不是完全不用 review 的生产代码。但这已经很有用。Lovart 负责创意方向，Open Design 负责系统一致性，screenshot-to-code 则负责把视觉参考推进到可检查、可迭代的 UI 形态。
产品链接：screenshot-to-code · 在线版：screenshottocode.com
当 UI 初稿已经存在，下一步就不是“能不能生成”，而是“在哪里继续打磨”。有些团队习惯云端工具，有些团队希望把模型 key、文件和原型都放在本机附近。Open CoDesign 就适合接这一段。
4. Open CoDesign：把原型迭代留在本地工作台
Open CoDesign 也是一个开源设计到原型的工具，但它的重点略有不同：local-first 桌面应用、BYOK、多模型支持，以及 prompt-to-artifact 的工作流。简单说，你可以用提示词生成原型、slides 或 PDF 风格的输出，然后在桌面工作区继续迭代。
这在 campaign 从“方向不错”进入“做成真实 artifact”时很有用。你可能想试一个落地页、做一版轻量 deck，或者保留几个不同版本的原型，而不想把所有实验都塞进一个托管服务。对在意 API key 控制、项目文件归档、或者本地调试的团队来说，local-first 的思路会更安心。
在这套组合里，Open CoDesign 像一个实际打磨台：Lovart 给 campaign 一个创意中心，Open Design 给它设计协议，screenshot-to-code 给它可运行 UI，Open CoDesign 则让你在“左边 prompt、右边预览”的状态里继续修形。
产品链接：Open CoDesign
到这里，campaign 已经有方向、有系统、有 UI 原型。最后还差一类很实际的生产任务：产品图、短视频、变体图，以及那些单独看不复杂、加起来却非常耗时间的小动作。
5. libtv-skills：把生图和生视频变成 Agent 可调用的技能
libtv-skills 的 GitHub 星标没有前几个项目那么夸张，但它有一个很值得关注的点：把创意生产做成 Agent 可以调用的技能。这个项目为 LibLib.tv 的生图、生视频 OpenAPI 提供了一组 AI Agent skills。Agent 可以创建会话、发送创作指令、查询生成进展、上传文件、切换项目，并批量下载结果。
它不像一个完整设计工具，更像一个生产桥梁。如果你已经在用 AI Agent 管内容流水线，libtv-skills 可以让 Agent 直接调用图像/视频生成步骤，而不是让你手动打开网页、粘贴 prompt、等待、下载、改名、再把文件放回项目目录。
我会把它放在工作流后段：Lovart 定好风格，设计/原型工具把 campaign 形状做出来之后，libtv-skills 可以负责生成更多图像或视频变体。它不是创意概念的主角，但很适合安静地吃掉那些重复、琐碎、但必须做的生产任务。
产品链接：libtv-skills · 服务链接：LibLib.tv
我会怎么实际使用这套组合
一个比较顺的顺序是：
- 先在 Lovart 里确定 campaign 想法、产品视觉和整体创意方向。
- 需要复用设计系统、产出结构化素材或导出 artifact 时，再进入 Open Design。
- 遇到参考截图、页面 mockup 或视觉稿时，用 screenshot-to-code 先生成可运行 UI 草稿。
- 想把原型留在本地、用自己的模型配置继续打磨时，用 Open CoDesign。
- 当生图、生视频变成可重复任务时，把 libtv-skills 接进 Agent 流程。
重点不是每条社媒内容都要用满五个工具。真正重要的是，不要再把 AI 创意工作当成一堆互相孤立的生成器。Lovart 可以成为创意对话的中心，开源工具则像围绕它的几个专业队友：有人管系统，有人管 UI，有人管本地原型，有人管批量媒体生产。
这也是我现在更相信的 AI 创意工作室形态：不是完全自动化，也不是假装审美不重要，而是让一个人的想法更快变成一组可以在社媒、网页和产品叙事里流动的资产。
