DESIGN.md
PulseAugur coverage of DESIGN.md — every cluster mentioning DESIGN.md across labs, papers, and developer communities, ranked by signal.
4 天有情绪数据
-
开发者使用 Claude Code、Mobbin 和 Penpot 构建设计系统
一位开发者记录了一个使用 Claude Code、Mobbin 和 Penpot 创建生产就绪设计系统的流程。该过程包括在 Mobbin（一个提供大量应用程序截图的平台）上研究现有设计，然后使用 Claude Code 将这些研究转化为 Penpot（一个开源设计工具）中的实际设计。开发者为 Claude Code 创建了特定的技能，用于生成 DESIGN.md 和 tokens.json 文件，然后使用这些文件在 Penpot 中构…
-
AI 设计工具 Curio 将视觉风格转化为机器可读格式
一位开发者创建了一个名为 Curio 的库，以弥合 AI 语言模型与设计系统之间的差距。该库将视觉设计风格（如瑞士国际主义风格或包豪斯风格）转化为机器可读的格式。这使得 AI 代理能够一致地应用特定的设计原则，包括令牌、组件规范和明确的规则，而不是产生通用的、AI 特有的输出。该目录以代理优先的方法发布，使用 `llms.txt` 和 `index.json` 等格式来支持 AI 对这些设计风格的发现和应用。
-
企业AI落地：利用DESIGN.md和SKILL赋能设计体系
本文探讨了如何在企业环境中利用DESIGN.md和SKILL来增强AI时代设计体系的影响力。旨在分享实际落地策略和真实应用中的经验教训。
-
开源 AI 设计文件旨在改善网站美学
一位 Reddit 用户开源了一系列 DESIGN.md 文件，旨在改进 AI 设计实践。这些文件记录了真实网站的排版、配色方案、布局、间距、形状和视觉方向，并附有截图和来源链接。
-
AI 代理需要设计指南，而不仅仅是代码上下文
AI 代理重新设计设置页面时，凸显了需要一个“design.md”文件，这类似于代码的“CLAUDE.md”上下文文件。虽然代理理解如何执行任务并理解代码上下文，但它缺乏对设计原则的理解，例如一致的间距、用于操作的颜色使用以及表单布局约定。这导致重新设计在技术上是可行的，但偏离了既定的产品美学和用户体验模式，强调了明确的设计指南对 AI 代理的重要性。
-
用户尝试使用其自身设计文档改进 Claude 用户体验失败
一位用户尝试通过输入设计系统文档来使用 Claude 改进其自身用户体验，但该 AI 未能产生稳定或可操作的输出。该实验揭示了 AI 在处理和综合复杂设计信息并将其转化为清晰、可用格式方面的能力差距。用户发现，尽管 Claude 具备能力，但他们仍需管理 AI 的输出，这凸显了 AI 系统需要提供关于后续步骤的更清晰指导，而不仅仅是大量文本。
-
开发者使用 Shell 脚本自动化 Claude 代码会话恢复
一位开发者创建了一个名为 `resume-on-ratelimit.sh` 的 Shell 脚本，用于自动恢复因速率限制而中断的 Claude 代码会话。该脚本利用 `PROGRESS.md` 文件作为交接凭证，Claude 代码会更新该文件以反映其进度。当会话中断时，脚本会等待指定时间，然后重试任务，读取 `PROGRESS.md` 文件以从中断处继续。此过程旨在防止上下文丢失和手动重启的需要，并可配置重试次数和等待时间。
-
Google Labs 发布 DESIGN.md 以实现一致的 AI 生成 UI
Google Labs 推出了 DESIGN.md，一种旨在提高 AI 生成用户界面一致性的新格式。该格式结合了机器可读的设计令牌（如颜色和间距）以及指定设计意图、组件语义和显式约束的 Markdown 文本。通过提供结构化的契约，DESIGN.md 旨在减少 AI 编码代理的歧义，确保在不同会话或由不同代理生成的多个页面保持统一的视觉标识。该系统集成了通过 Git 进行的 linting、diffing 和版本控制工具，将设计系统维…
-
开发者使用 AI 工具改造应用设计，提升用户体验
一位开发者使用 AI 工具改进了其应用程序 HablemosManga 的用户界面和设计。起初，尽管使用了 Claude 进行开发，但该应用的设计感觉冷淡且通用。开发者尝试使用 Google Stitch 和 Gemini Pro 生成设计系统，但发现结果过于饱和。最终，他们采用了 getdesign.md/shopify/design-md 的模板，并使用 Claude 应用了新的设计系统，从而显著改善了用户体验。Claude De…
-
用户将 Claude 代码助手集成到设计工作流程中 30 天
一位用户在 30 天内尝试了 DESIGN.md 框架，将 Claude 的编码能力集成到他们的工作流程中。这次经历揭示了他们设计过程中的重大变化，突显了 AI 助手对创意和开发任务的影响。
-
开发者详解 AI 辅助 Web 应用设计的结构化工作流程
一位开发者概述了使用 Anthropic 的 Claude Code 设计 Web 应用的结构化方法，强调在编码前通过定义规范和组件树来准备。该方法包括创建一个包含机器可读设计令牌和理由的 Markdown 文件，Claude Code 可以引用该文件。该过程优先在编写任何代码之前建立具有一致颜色、排版和间距的设计系统，并明确定义组件的所有交互状态。
-
编写 Claude 兼容的 DESIGN.md 文件指南
本文提供了关于创建可被 Claude 代码有效利用的 DESIGN.md 文件的指导。它强调了遵守规范的重要性，特别是那些决定 token 使用量的方面，这些方面即使在团队正确编写 token 时也常常被忽视。
-
Cursor IDE 用户通过外部设计规范文件对抗 AI 漂移
一位用户开发了一种方法来对抗 Cursor IDE 中的“长会话漂移”，当 AI 模型在长时间 UI 开发任务中失去设计意图的追踪时，就会发生这种情况。问题出现的原因是存储设计意图的聊天记录会被模型截断。提出的解决方案是将设计规范外部化为结构化的 markdown 文件，称为 DESIGN.md，AI 可以引用这些文件，从而在大量提示中保持设计一致性。
-
Refero Styles 为 AI 代理推出设计系统
Refero Styles 是一款新产品，可在 DESIGN.md 文件中提供真实的产品设计系统。该工具专为 AI 代理设计，旨在为其简化设计流程。此次发布侧重于将设计系统直接集成到 AI 可用的格式中。
-
指南详述了如何为Claude AI格式化DESIGN.md文件
本文提供了关于创建Claude（一款AI助手）可以有效解读的DESIGN.md文件的指导。它强调了文件的结构化，以叙述产品故事，确保AI的清晰度和可用性。
-
免费工具为 AI 编码助手自动创建 DESIGN.md
一款新的免费工具已发布，可自动创建 DESIGN.md 文件，该文件是为 AI 编码代理提供设计系统参考的规范。该工具通过从任何实时 URL 中提取 CSS 变量、排版和组件模式来工作。提取的信息随后可以通过可视化编辑器进行调整，然后再下载，旨在防止 AI 助手在新的会话中错误地猜测设计标记。
-
AI 通过 Google 的 DESIGN.md 标准学习设计系统
本文讨论了如何将设计系统引入 AI，重点介绍了 DESIGN.md 的实现。文章以 Google 创建名为 DESIGN.md 的标准为例，解释了如何让 AI 理解公司的设计系统。
-
Google Labs 发布 DESIGN.md 用于人工智能文档和设计
Google Labs 发布了 DESIGN.md，这是一个专注于改进人工智能开发中文档和设计实践的项目。该项目托管在 GitHub 上，旨在为创建更好的设计文档提供资源和指南。它被标记为 #design、#documentation 和 #ai，表明其关注这些领域的交叉点。