为什么 Lovable 会忘记我的设计系统？

Lovable 忘记你的设计系统是因为设计令牌、主题规则和组件模式是通过提示传递的，并在每次生成时由模型重新推导，漂移通常在大约 15-20 个组件后可见。项目知识区域有所帮助，但它不是每次生成时都能检索到的。解决方案是附加一个持久的设计记忆，Lovable 可以通过 REST 拉取。

Lovable 是一个气氛编码应用构建器，它从自然语言提示生成 React + Tailwind 代码。三个设计选择将设计系统规则推离模型的工作上下文：

1. 生成是由提示驱动的，而不是由记忆驱动的。 每个新组件是由提示和可见代码上下文组成的。如果设计令牌没有在提示中明确提及，模型会依赖于其之前的训练和 Tailwind 默认值，而不是你的主题。

2. 在 ~15-20 个组件后丢失组件上下文。 随着项目的增长，模型可以看到的代码库的相关部分缩小。根据 Lovable 社区的记录，漂移在 15-20 个组件范围内变得可见——按钮样式、间距比例和颜色使用开始与早期工作偏离。

3. 项目知识是全局指导，而不是每次生成的检索。 Lovable 的项目知识区域接受现有指令，但这些指令与提示竞争注意力，并且不适应模型正在编辑的组件。官方的 Lovable 文档在 docs.lovable.dev 中描述了项目知识模型和限制。

结果是：设计系统在前十几个屏幕中保持有效，之后悄然漂移。

设计漂移不是一个表面问题——它消耗了真实的时间：

• 不一致的组件。 两个按钮的内边距不同。三个卡片变体，而你只定义了一个。模态窗口忽略了你的 z-index 比例。
• 重新提示的税费。 “使用主色，而不是 blue-600。使用 spacing-4，而不是 p-3。使用现有的按钮，而不是新的。” 你在每隔一次生成中重复这些指令。
• 手动清理。 每次发布结束时，都需要手动检查生成的组件，以使它们与您的令牌对齐。

解决方案不是“每次都写一个更严格的提示”——而是给 Lovable 一个持久的设计记忆，让它在每次生成时都能拉取。

Lovable 提供三种方法来引导模型朝向你的设计。它们都无法消除漂移。

项目知识 是一个设置区域，你可以在其中粘贴令牌、样式规则和约定。它适用于该项目中的每次生成。对于顶级规则很有用，但它是全局文本，而不是检索——模型不会仅拉取生成的组件的相关部分。

将文件固定到上下文 让你确保模型看到你的 theme.ts 或 tailwind.config.ts。对于显式令牌重用很有帮助，但一旦你有了足够数量的组件，就会受到项目上下文窗口的限制。

自定义提示和重新运行 让你在事后纠正漂移。这是有效的，但这正是设计系统应该消除的手动劳动。

更深层次的问题是，设计系统是一个长期资产，必须超越任何一个聊天、任何一个组件生成，理想情况下超越任何一个工具。项目知识是一个单一的文本块。它没有版本控制，不会自适应检索，如果你将工作流程的一部分切换到 v0、Bolt 或 Cursor，它不会跟随你。

设计系统规则需要存在于构建器之上。

MemoryLake 是一个跨模型的记忆层，Lovable 通过 REST 从中读取。你不再需要在每个提示中粘贴令牌并祈祷，而是将设计系统存储为记忆，并让项目知识区域或设置脚本在每次生成时拉取相关规则。

• 设计系统作为可查询的记忆。 令牌、组件合同、间距比例和“使用现有按钮”规则作为结构化的记忆存在。检索引擎仅返回与正在生成的组件相关的规则。
• 跨工具的相同设计系统。 记忆层为 Lovable、Cursor、Claude Code 和你可能用于清理或扩展的任何其他工具提供支持。设计系统在整个管道中保持一致。
• 比原始提示高出 10,000 倍的检索范围。 MemoryLake 从数十亿个项目记忆的令牌中读取，并在每次生成时仅呈现相关的令牌、示例和合同，而不是依赖于适合单个项目知识块的内容。

MemoryLake 在 LoCoMo 长上下文基准测试中得分 94.03%，这是截至 2026 年的最高已发布结果，具有毫秒级检索和 AES-256 端到端加密。

1. 创建项目并加载上下文。 登录 MemoryLake，打开项目管理，点击创建项目，并命名为“Lovable — Acme 设计系统”。通过文档驱动上传你的 Figma 令牌导出、tailwind.config.ts、shadcn 主题和任何组件合同。在记忆选项卡中添加具体规则——“主色是 hsl(222 47% 11%)”，“按钮半径是 rounded-md”。
2. 生成 MCP 服务器端点。 在你的项目中打开 MCP 服务器选项卡，点击添加 MCP 服务器，命名为“Lovable 设计记忆”，然后点击生成。MemoryLake 返回一个 API 密钥 ID、密钥和端点 URL。立即复制 Bearer 令牌——它只显示一次。
3. 通过 REST 连接 Lovable。 Lovable 还不支持原生 MCP，因此使用 REST API。要么将你的设计令牌和规则粘贴到 Lovable 的项目知识区域，并在更改时从 MemoryLake 刷新它们，要么在设置脚本中调用 MemoryLake 的 REST 端点，并在每次发布时使用 Bearer 令牌更新项目知识。