caffeineai

发生了哪些变化？
三个方案而不是四个，每个方案都有明确的目标：
免费 - 看看你能用 Caffeine 创造出什么Host - 您的应用程序，实时在线Studio - 为不断建设的开发者而设
为什么需要三个方案？
原有的四级方案让人猜测自己选择的是哪一种，新的方案则直接标明了每种方案的用途，选择一目了然。
价格是多少？
每年节省 20%。
Host 和 Studio 有什么区别？
两者都允许您使用聊天功能进行构建、从应用市场进行混音、从头开始创建项目、在您自己的域名上发布您的应用，以及向您的用户发送电子邮件。
Studio 增加：
发布到应用市场 - 与更广泛的 Caffeine 社区分享您的应用更多积分 - 每月 100 积分，而 Host 每月仅 20 积分通过 Caffeine 购买域名 - Host 仅支持 BYOD，Studio 允许您购买域名合作项目（即将推出）
如果你已经开发好应用，只想让它运行起来，Host 就足够了，但如果你想持续发布新应用，那就需要 Studio。
我的计划怎么办？
我目前使用的是入门级版本 - 接下来会发生什么？
切换完成后，您将迁移到 Host，价格更低，功能级别相同。
我使用的是 Plus 会员 - 会发生什么？
您升级到 Studio 版本，Studio 版本每月 25 美元，比 Plus 版本便宜，Studio 版本包含 Plus 版本的所有功能，并且提供无限量的应用商店应用。
Studio 用户每月可获得 100 个积分，而 Plus 用户每月可获得 110 个积分。
此外，年度订阅用户在剩余订阅期内每月都会收到一张价值 10 个积分的代金券，用于抵扣差额，代金券将在您的订阅续订日生效。
月度订阅用户将立即升级到 Studio 版本，但现有订阅积分在续订前不会发生变化。
我使用的是 Pro 版 - 会发生什么？
你升级到 Studio 版，Studio 版每月可获得 100 个积分，而 Pro 版每月可获得 400 个积分。
Pro 版年度订阅用户将在剩余订阅期内每月收到一张价值 300 点的代金券，用于抵扣差额，代金券将在您的订阅续订日生效。
Pro 月度订阅用户将立即升级到 Studio 版本，但现有订阅积分在续订前不会发生变化。
我办的是年付计划 - 我会损失什么吗？
不，您的订阅将继续按约定进行。
Plus 版年费：每年您都可以享受更低的 Studio 价格，在剩余的合约期内继续使用全部功能。Pro 版年费：剩余月份每月可获得 300 积分代金券，以弥补差额。
我还有一些未使用的积分 - 它们会怎么样？
如果您已订阅，套餐积分将结转。
如果您使用的是免费套餐，切换后您现有的积分将进入 30 天的时效期，您不会获得新的 10 点迎新积分，时效期从您现有的积分余额开始计算，您可以先使用这些积分，也可以订阅以继续积累积分，Host 费用为 5 美元。
积分
积分有效期是多久？
为什么不再提供每日免费积分？
每日积分鼓励用户在免费平台上创建内容后就离开，新的积分机制则奖励订阅用户，如果您想继续创建内容，Host 服务每月收费 5 美元。
新用户注册后可获得哪些免费权益？
新注册的免费用户将获得 10 个积分，这些积分有效期为 30 天，过期作废，订阅 Host 或 Studio 套餐可获得订阅积分，并可购买充值。
特征
我可以在免费套餐上发布我的应用吗？
不行，要让你的应用拥有自己的独立 URL，你需要 Host，要发布到应用市场，你需要 Studio。
如果我的应用已经上线，而我是免费用户，该怎么办？
对于已拥有上线应用的现有免费用户，您的应用将继续上线，但要迭代您的应用，用户需要订阅 Host 或 Studio 服务。
我可以在 Free 平台上从零开始创建一个项目吗？
不，免费版仅供试用 Caffeine - 您可以通过重新组合应用市场中的现有项目来构建内容，Host 和 Studio 版本支持从零开始创建。
免费版有项目数量限制吗？
是的，最多可以创建 3 个项目，每个项目最多可以创建 3 个草稿，Host 和 Studio 的数量不限。
自定义域名 - Host 和 Studio 有什么区别？
Host - 自带域名，我们提供 DNS 记录，您自行配置。Studio - 您可以通过 Caffeine 购买域名，我们会为您配置，或者您也可以自带域名，两种方式均可。
我已发布到应用市场的应用列表呢？
如果你使用的是 Studio 版本，它们就会一直保持发布状态。
如果您使用的是 Host 版本，切换后您的应用市场列表将被取消发布，您的项目不会被删除，而是会暂时离开公共市场，直到您升级到 Studio 版本。
邮件发送、应用洞察？
包含在 Host 和 Studio 中，免费版不包含。
支援方面呢？
免费 - 知识库和社区 Discord。Host 和 Studio - 知识库、Discord 和电子邮件支持。
在计划之间转换
如果我升级会怎么样？
您将立即获得新套餐的功能和积分。
如果我降级会怎么样？
取消流程会在您确认之前，清晰地显示您将损失的内容 - 包括积分、金额和应用市场上架次数，确认后，较低套餐的限制将在下一个账单周期生效。
如果您从 Studio 降级到 Host，您的应用市场列表将会下架，但您的项目仍会保留。
如果我取消订单怎么办？
您的订阅有效期至付费周期结束，之后：
所有充值金额和积分券均取消实时应用尚未发布应用市场列表下降超过免费限制（3 个）的项目将被阻止 - 升级到 Host 或 Studio 以访问您的应用
取消流程会在您确认之前提醒您所有这些信息。
你需要知道的事
这种情况何时发生？
暂定上线日期：2026 年 6 月 1 日，新方案将正式上线，现有订阅将自动迁移。
我需要做什么吗？
如果您是订阅用户，则无需迁移，您的套餐会自动迁移。
如果您使用的是免费套餐，您有 30 天的时间使用现有积分，或者选择订阅以保留积分，30 天后，每日免费积分将停止发放，您的余额将重置。
如果我上周刚购买了 Plus 年度套餐呢？
除了 Studio 套餐每月 100 积分外，您每月还会自动获得 10 积分的代金券，直至合约期满。
如果我上周刚购买了 Pro 年度套餐呢？
除了 Studio 套餐每月 100 积分外，您每月还会自动获得 300 积分的代金券，直至合约期满。
还有其他需要注意的地方吗？
积分券和充值都需要有效的订阅才能使用，如果您取消订阅，它们也会被取消。
我们不会增加任何隐藏费用，也不会改变产品的运作方式，我们只是根据客户的使用情况和反馈简化了定价层级。
还有其他问题吗？
请将问题发送到我们的 Discord 服务器，我们会将最常见的问题添加到这里：
https://discord.com/invite/caffeineai
#CaffeineAI #caffeine #AI
你关心的 IC 内容
技术进展 | 项目信息 | 全球活动
收藏关注 IC 币安频道
掌握最新资讯

使用您已拥有的域名来开发您的 Caffeine 应用
现在您可以将已拥有的域名连接到任何 Caffeine 项目，如果您的域名注册商是 GoDaddy、Namecheap 或任何其他域名注册商，您只需添加几条 DNS 记录即可将其指向您的应用。
Caffeine 会准确地告诉您需要添加哪些记录以及添加位置 - 无需猜测，也无需手动查找 DNS 信息。
您的域名注册状态保持不变，无需进行任何转移，也无需移交管理员权限，DNS 记录生效后（通常在几小时内，某些情况下可能需要长达 24 小时），您的应用即可在您自己的地址上线，而您原有的 caffeine.xyz URL 也仍然有效，因此整个过程不会出现任何问题。
这项功能是对现有直接通过 Caffeine 购买域名选项的补充，如果您已经拥有想要使用的域名 - 例如与品牌、企业或项目相关的域名（该域名早于 Caffeine 成立）- 现在您可以直接导入该域名，无需购买新域名，此功能适用于 Plus 和 Pro 套餐。
将您的应用发布到 Caffeine 应用市场
应用市场是一个浏览和修改应用的地方，现在，你也可以在那里发布自己的作品，如果你开发了实用的工具、模板，或者你希望当初就能拥有的起点，都可以把它展示给所有使用 Caffeine 的用户。
发布流程非常简单，前往应用市场，点击“发布”，选择要发布的项目，填写详细信息（名称、描述、缩略图、类别），然后提交，Caffeine 会自动进行内容审核，审核通过后，您的应用即可上线。
其他开发者可以浏览、点赞，并直接将其整合到自己的项目中，您将获得一个创建者个人资料页面，其中显示您所有已发布的应用，以及点赞数和整合数，方便您了解哪些应用受欢迎。
您可以随时管理您的房源信息 - 更新描述、更换缩略图、推送新版本代码、取消发布（如果您需要撤下某些房源）或将其存档以释放位置，而不会丢失房源数据，发布功能仅适用于付费套餐。
现在只需点击一下即可获得帮助
我们在 help.caffeine.ai 上推出了完善的帮助中心，Caffeine 的每一项功能 - 包括使用 AI 构建应用、发布到应用市场、自定义域名、发送电子邮件、文件存储、用户访问、GitHub 导出 - 都有文档记录、可搜索，并且会随着产品的变化而更新。
应用内的 AI 助手也使用相同的资源，因此无论您是在构建器中提问还是直接搜索帮助中心，您都来自同一来源，对于需要快速解答的操作指南问题，助手通常是最快捷的方式。
而对于任何需要完整阅读的内容 - 例如了解某项功能的工作原理、解决特定问题或探索各种可能性 - 帮助中心都能为您提供全面的信息。
你来决定 Caffeine 的建设方式
并非每个构建请求都相同，有时，您清楚地知道自己想要什么，只需要它完成即可，有时，您只有一个大致的想法，希望 AI 在编写代码之前先检查它是否理解了您的需求，有时，您要构建的东西非常复杂，因此您希望在开始任何操作之前先查看完整的计划，Caffeine 现在针对每种情况都提供了相应的模式。
在聊天输入框底部，你会找到一个新的模式选择器，有三个选项。
默认设置为即时，发送消息，Caffeine 会自动生成结果，无需询问，无需反复沟通，当您的需求明确、希望快速推进，或者只想查看结果并在此基础上迭代时，请使用此功能。
Thinking 在构建之前至少会提出一轮澄清问题，如果你的信息中包含一些实际的决策 - 例如谁可以访问哪些内容、特殊情况应该如何处理、当出现冲突时该如何处理 - Thinking 会在构建开始之前而不是之后提出这些问题，因此，第一个结果往往更接近你的实际需求。
专业版功能更进一步，最多可以进行三轮提问，而且 Caffeine 只有在您发出指令后才会开始构建，提问完毕后，它会发出准备就绪的信号并等待，您有机会在编写任何代码之前，全面了解它对项目范围的理解，对于复杂的功能，如果首次构建错误，将会耗费大量时间，因此专业版是理想之选。
您可以在任意两条消息之间切换模式，如果您想在对话过程中跳过问题，只需告诉系统构建即可，模式是默认设置，而非强制设置，三种模式的积分相同。
查看谁在访问您的应用
你开发了一些东西并上线了，现在你可以看看是否有人真的在使用它。
Plus 和 Pro 版的每个项目现在都内置了分析功能，打开项目菜单，即可清晰查看独立访客、页面浏览量、每次访问浏览量、平均会话时长以及访客来源国家/地区等数据，调整时间范围，即可查看昨天或上个月（最多可追溯 90 天）的业绩情况。
它能解答最基本的问题：用户是否活跃？他们是否会持续访问？他们在哪里？无需任何设置，无需添加跟踪代码，也无需连接任何外部服务，应用发布后，分析功能会自动启动，数据为汇总数据 - 不使用 Cookie，不收集任何个人信息，这是第一个版本 - 我们会持续改进。
现在您的应用可以发送电子邮件了
您的 Caffeine 应用现在可以发送电子邮件了，有人填写了联系表单？他们会收到确认邮件，您也会收到通知，有订单进来？也是一样。
您可以自行决定邮件的触发条件和邮件内容 - 只需在构建应用时告诉 Caffeine 您想要的行为即可，邮件将从 Caffeine 管理的地址发送，或者如果您已关联自己的域名，则也可以从您自己的域名发送。
除了简单的通知功能外，还有更多功能可供使用：电子邮件验证，以确认用户确实拥有他们注册时使用的邮箱地址；内置退订功能的新闻简报和营销邮件发送；以及可直接添加到 Google 日历、Apple 日历或 Outlook 的日历邀请，所有这些功能都以通俗易懂的语言进行描述 - Caffeine 负责处理底层架构。
这是用户最希望添加到应用中但此前一直无法实现的功能之一，Plus 和 Pro 套餐用户均可使用。
几分钟内即可购买并关联域名
您的应用不必永远使用 caffeine.xyz 这个网址，现在，您可以搜索域名、购买域名并将其连接到您的项目 - 所有操作都无需离开 Caffeine。
无需 DNS 设置，无需外部注册商，无需等待，选择一个域名，用您的积分支付，您的应用即可在您自己的域名上线，它仍然可以通过 caffeine.xyz 地址访问，因此整个过程不会出现任何问题。
域名购买有效期为一年，您可以随时根据需要将其在不同项目之间转移，如果您之后想将域名转移到其他地方，可以在标准的 60 天注册期结束后办理转出手续，从原型到最终成品，只需五分钟，无需花费一下午的时间，Plus 和 Pro 套餐均提供此功能。
直接在页面上编辑您的应用
你是不是曾经费尽心思描述页面上某个按钮的位置，好让 Caffeine 知道该更改哪个按钮？现在不用再为此烦恼了，直接点击就行了。
进入编辑模式，点击任意元素 - 标题、按钮、整个部分 - 然后告诉 Caffeine 你想修改什么，你可以清楚地看到选中的内容，在更改生效前进行预览，页面上的其他内容都不会受到影响。
您可以一次性选择多个元素，指令可以非常简短，例如“将此元素设为蓝色”或“将此元素移至价格下方” - Caffeine 能准确识别您的选择，浮动工具栏会显示您当前的选择，方便您提交或取消操作，而不会丢失当前位置。
对于细微而精确的更改，这种方式比手动输入描述要快得多，对于较大的结构性更改 - 例如新功能、数据流或整个部分的重新设计 - 聊天仍然是最佳工具，它是迭代应用的最快方式，而且运行方式也完全符合您的预期。
#Caffeine #CaffeineAI #AI
你关心的 IC 内容
技术进展 | 项目信息 | 全球活动
收藏关注 IC 币安频道
掌握最新资讯

这是关于 Caffeine V3 版本更新内容的系列文章的第一篇，本文将介绍新的构建架构，下一篇：V3 的设计系统如何打造更美观的应用。
如果你曾经遇到过 Caffeine 在 50 次修改后忘记你的应用原本的样子，那么这里解释了为什么会发生这种情况，以及为什么以后不会再发生这种情况。
在 V3 版本中，我们从底层重构了 Caffeine 的应用构建方式，此前，Caffeine 采用的是顺序流水线，本质上是由一系列依次运行的代理组成：规划应用、构建后端、构建前端、运行质量检查、部署，每个步骤都必须完成才能开始下一个步骤，如果第三步发现第二步存在问题，则无法回滚。
这种方法对于简单的应用程序来说效果不错，但随着项目规模的扩大（页面更多、功能更多、迭代次数更多），流程开始遇到瓶颈，上下文窗口会被填满，早期的决策会被忽略，质量也会下降。
V3 用一支由专业代理组成的团队取代了原有的顺序流程，这些代理可以并行工作，跨多轮迭代，并在每轮之间传递学习成果，所有这些都由我们称之为“编排者”的协调器负责，你可以这样理解：你不再需要指望一个人完成所有工作，而是有一家公司为你服务。
从一个 Agent 到一支团队
Composer 从不读取或编写代码，它的职责是将您的请求分解成多个任务，将它们分配给合适的专家，收集结果，并决定下一步该做什么，实际的工作由专家完成：
Discovery 的一名代理会扫描您的项目，以便在任何变更发生之前准确了解项目的现状。产品专员会将您的需求转化为结构化的需求，供整个团队参考。设计代理会创建一套视觉系统（颜色标记、字体、布局指南），前端的所有决策都遵循这套系统。前端工程师编写 React 代码，多个 React 代码可以并行运行，用于不同的页面。后端工程师为互联网计算机编写 Motoko 代码。质量保证人员会审核代码并运行视觉测试。
当你让 Caffeine 构建某个东西时，Composer 会在后台接管，构建过程中，你可以继续聊天、添加上下文、更改方向，或者根据需要完全停止构建。
波浪：团队如何协调
Composer 将工作组织成波浪式的流程，在每个波浪式流程中，独立的任务并行运行，波浪式流程之间，结果会依次传递。
典型的开发过程如下：
第一波 - 探索阶段扫描项目，产品代理生成规格说明。第二波 - 设计团队创建视觉标识，后端编写 API 合约，两者同时进行。第三波 - 前端使用上一波的设计令牌和后端合约构建应用程序结构。第四波 - 如果应用程序有多个独立页面，则它们是并行构建的（每个页面都由一个单独的前端代理构建）。第五波 - 根据原始要求进行质量审查，并进行目视检查。部署。
关键在于迭代周期之间的变化，每个专家都会返回一个结构化的结果：它构建了什么（以便下游代理了解可用资源），在此过程中学到了什么，以及发现了哪些无法解决的问题，这些信息会不断传递，因此每一迭代都比上一迭代拥有更丰富的背景信息，并且学习成果会在构建过程中持续积累，从而使系统随着时间的推移变得更加智能。
这带来了旧流程所不具备的两个特性：并行性，这意味着在每个迭代周期内，独立的任务（设计、后端、多个页面等）可以同时运行，旧流程一次只能执行一项任务，以及迭代性，Composer 可以根据需要运行任意多个迭代周期，如果前端发现需要对后端进行更改，后端工程师就会再次被派去处理，如果质量审核发现问题，则会添加另一个迭代周期来修复这些问题，而旧流程只能运行一次，从头到尾。
并非每次更改都需要整个团队，如果您只是提出一些针对性的需求，例如更改颜色或修改标题，Composer 会识别出这一点，并直接派遣单个代理，跳过完整的开发流程，复杂的功能会走完整的开发流程，快速修复则会走快速路径。
每次构建都带来全新的上下文
每次构建都从零开始，即使只是调整标题，Caffeine 也会在进行任何更改之前从头开始重新检查项目，这是有意为之：人工智能模型只有在不受先前会话累积影响的情况下才能发挥最佳性能。
不同版本之间真正保留的是一个轻量级的偏好设置和经验积累文件，这是关于如何使用项目的元数据，而不是项目本身的快照，一个拥有 50 个文件和 700 个草稿版本的项目，其工作效率与一个全新的项目一样高，实际上，Caffeine 会随着时间的推移记录下哪些方法对你的特定项目有效，因此每次构建都比上一次更完善，这与你之前的体验截然相反。
你现在可以看到正在发生的事情
在 V2 版本中，你发送一条消息，会看到“正在构建你的应用……”的提示，然后就只能等待，对于复杂的应用来说，这可能意味着几分钟的沉默，你根本无法知道发生了什么，也无法判断一切是否顺利。
V3 版本会实时显示构建过程，任务清单会列出 Composer 计划的每项工作，并在任务完成、失败或跳过时显示状态指示器，进度摘要会说明 Caffeine 当前正在处理的工作，此外，还有一个停止按钮 - 如果您想要更改方向，可以随时暂停构建。
该检查清单与开发流程图直接对应，您可以查看设计步骤何时完成、后端何时编译、多个页面何时并行构建以及质量审查何时进行，如果出现故障，您可以查看是哪个任务失败以及失败的原因。
更智能的错误恢复
旧版流程最后只有一道质量检查 - 它检查的是代码结构是否合理，而不是应用程序是否真正运行，代码能编译吗？能，点击“加入购物车”按钮后，商品真的能添加到购物车吗？没人检查过，V3 版本则同时测试了这两方面：结构质量和功能质量是不同的，两者都很重要。
V3 版本能够及时发现问题，后端代码会在前端开发开始前进行编译，前端代码在每次修改后都会进行类型检查，质量保证系统会根据原始需求验证最终应用，并对每个应用进行评分 - 通过或失败，并给出原因，它还会截取运行中应用的屏幕截图，并与设计概要进行比对 - 文本在背景上是否清晰可读？交互元素的位置是否正确？
当出现故障时，Composer 会利用上下文信息重试：错误详情、从失败中吸取的经验教训以及全新的上下文窗口，无需再为累积的错误而烦恼。
这同样适用于部署，当部署失败时，错误会返回给 Composer，Composer 会读取错误信息，尝试修复，然后重试部署 - 通常在你注意到问题之前就已经完成了，如果构建确实无法完成，它会被干净利落地丢弃，而不是停留在损坏状态。
哪些方面没有改变
您的项目运作方式仍然相同，您仍然需要用简洁明了的语言描述您的需求，您仍然会收到一个可以预览、修改和发布的草稿。
改变的是你的信息传递到结果产生之间发生的一切。
本系列下一篇：V3 的设计系统和 DESIGN.md 简报如何打造更一致、更美观的应用程序。
#CaffeineAI #caffeine #vibecoding #AI
你关心的 IC 内容
技术进展 | 项目信息 | 全球活动
收藏关注 IC 币安频道
掌握最新资讯

这是关于 Caffeine V3 版本更新内容的系列文章的第二篇，第一篇介绍了全新的多代理构建架构，本文将探讨 V3 如何通过三个要素的协同作用来生成外观更精美的应用：设计简报、灵感图片和经过验证的 UI 模式库。
AI 构建器的视觉质量不仅仅取决于模型本身，还取决于设计决策的制定时间、智能体所参考的模型，以及它们是基于成熟的模式构建模型还是从零开始即兴创作。
在 V3 版本中，我们从三个层面解决了这个问题：
首先，由专门的设计代理生成 DESIGN.md 文件：这是一份结构化的设计简报，所有前端代理都会阅读并遵循。其次，AI 生成的灵感图片为代理提供视觉参考，与书面简报相辅相成。第三，组件模式库确保代理能够基于既定的 UI 规范进行开发，而无需重复造轮子。
其结果是应用程序拥有更加连贯的视觉系统，而这种改进在很大程度上是不易察觉的，因为当它运行良好时，你只会看到一个看起来很精致的应用程序。
在任何人编写一行代码之前，首先要有一位设计师
在 V3 多智能体团队中，设计智能体在第一阶段与后端并行运行，在编写任何前端代码之前，它的全部工作就是回答一个问题：这个应用程序应该是什么样子？
输出结果是一个 DESIGN.md 文件，这是一个纯文本 Markdown 文档，它记录了应用程序的完整设计系统：视觉主题、配色方案、字体规则、组件样式，以及至关重要的 - 哪些做法是不可取的，它是一份简要说明，而不是一堆十六进制代码。
构建过程中的每个前端代理都会收到这份设计简报，当你的应用有多个页面由不同的代理并行构建时，它们都遵循同一份 DESIGN.md 文件，这就是为什么这些页面看起来浑然一体的原因，它们都基于同一个数据源，而不是各自独立地进行创作。
将设计系统以结构化文档的形式记录下来的想法并不新鲜，像谷歌的 Stitch 这样的工具就利用设计规范来弥合意图和实现之间的差距，Caffeine 的 DESIGN.md 也采用了同样的思路。
以下是 DESIGN.md 文件通常包含的内容：
视觉主题和氛围：用简洁的语言表达情绪和理念，“原生暗黑模式，内容从近乎黑色的背景中浮现”或“温暖的极简主义，留白充足”，这并非装饰，而是方向。色彩系统包含多种功能：不仅仅是颜色，而是每种颜色所代表的用途 - 背景色、主要文本、强调色、交互元素、状态指示器，这是一个色彩系统，其数值之间有着明确的关联原则。排版层级：字体系列、字号、字重、行高和字间距，从标题到说明文字和标签的完整表格。组件样式：包括按钮、卡片、输入框和导航栏的外观，以及悬停和聚焦状态，这些预先设定的决策能够创建一个连贯的系统，而不是每个开发人员各自为政、随意拼凑的局面。注意事项：明确的指导原则，例如“不使用相互冲突的强调色”或“保持至少 4:1 的对比度”，这些可以避免一些小的视觉错误，让应用程序显得不够精致。
你告诉它你想要什么
设计代理会根据你的描述做出回应，比如，你说“深色调，极简风格，只用一种颜色点缀”，这就成了设计概要，如果你提到“简洁专业，像金融科技公司的控制面板”，代理也会理解你的意思。
DESIGN.md 文件生成后，您可以进行审核并告知 Caffeine 需要修改的地方：例如更换配色方案、调整字体、添加限制条件等，所有下游前端开发人员都会遵循更新后的简报。
如果你想从已知的视觉方向入手，像 getdesign.md 这样的社区资源库提供了 60 多个文件，这些文件的设计灵感来源于 Vercel、Stripe、Spotify、Linear 等知名产品的视觉模式，这些并非官方设计系统，而是基于公开可见的设计选择精心挑选的起点，找到你喜欢的，并在你的设计提示中引用它，或者直接将其添加到你的项目中。
您还可以让 Caffeine 根据任何网站生成 DESIGN.md 文件，只需描述网站、粘贴其 URL 或上传屏幕截图即可，Caffeine 将分析其设计元素（字体选择、色彩搭配、间距、表面处理），并将其提炼成一份设计概要，这并非简单地复制网站的布局，而是提取其背后的设计决策，从而为您提供一个有原则的设计基础。
灵感图片
设计代理不仅撰写设计简报，还会生成灵感图片。
DESIGN.md 文件完成后，代理会调用图像模型来创建设计方向的视觉呈现：包括应用于抽象构图的调色板、主题的纹理和氛围，这张图片会与书面简报一起附加到构建过程中的每个前端代理。
其原理与向人工智能展示屏幕截图比描述图片效果更好的原因相同：视觉信息能够传递文字无法完全表达的信息，正如 Caffeine 的首席技术官 Kepler Vital 所描述的：“人工智能代理既能看到简要说明，也能看到图片，这大大提高了设计质量，类似于在聊天中上传屏幕截图，但现在每个人都可以在后台默认使用这项功能。”
如果您心中已有明确的视觉方向，也可以将灵感图片添加到项目中：例如您喜欢的网站截图、情绪板或用户界面模型，前端开发人员会将其与 DESIGN.md 设计简报结合使用，让您对最终的视觉效果拥有更大的掌控权。
基于已验证的模式
一份好的简报和一份强有力的视觉参考资料固然重要，但代理商还需要知道如何构建实际的组件。
V3 前端代理利用基于 component.gallery 构建的模式库：component.gallery 是一个包含 60 个常用 UI 组件的目录，这些组件在 95 个真实世界的设计系统中均有文档记录，并提供了超过 2600 个示例。
代理无需每次都从头开始创建抽屉组件，因为它知道抽屉组件是什么、宽度应该是多少、覆盖层的行为通常是怎样的，以及有哪些反模式，模态框、导航栏、表单布局以及其他数十种组件也是如此。
Caffeine 的实际效果在于它遵循既定规范而非即兴发挥，这意味着更少的意外：组件的行为符合用户预期，遵循无障碍设计规范，并最终呈现出更专业的效果。
同样的工作流程，更好的结果
你的工作流程是一样的，你描述你的需求，然后你就能得到一个应用。
改变之处在于，现在在你的描述和第一行前端代码之间增加了一个设计层，系统会生成一份设计概要，并与所有接触前端的开发人员共享，而且这份概要会一直保存在你的项目中。
当你迭代开发（添加页面、更改功能、进行调整）时，设计概要已经存在，负责执行开发的开发人员会遵循它。
自从添加了这个设计层以来，我们看到应用程序的界面和功能都比以往任何版本都更加美观，但这还不是全部！我们正在积极改进更多字体选项、更智能的样式组合以及对特定视觉风格的更精准响应，但目前的效果已经非常显著。
本系列下一篇：npm 包、连接器、CLI、MCP - 以及为什么 V3 的设计目标是不断快速改进。
#CaffeineAI #AIAgent #AI
你关心的 IC 内容
技术进展 | 项目信息 | 全球活动
收藏关注 IC 币安频道
掌握最新资讯