正在打开每日关注
正在打开每日关注
create-design-md 提取分散在 CSS、组件和文档中的设计规则,生成可复用、可验证的 DESIGN.md。
my last skill, improve-ui, audits an interface against its own rules. but what if those rules are spread across CSS files, components, docs, and more? introducing: create-design-md run it in a repo or on a public URL. it turns what it finds into a validated DESIGN.md file https://t.co/SfkGbLGWxe
是什么 这条推文介绍 create-design-md:它针对 improve-ui 只能依据既有规则审计界面的限制,把散落在 CSS、组件、文档等位置的设计线索集中提取出来,生成一份经过验证的 DESIGN.md,并支持在代码库或公开 URL 上运行。画面展示了 skill 命令、Agent 的 Plan/Build 流程,以及生成后用 Git 检查文件状态的过程。
核心设计 它的价值不在于生成一张视觉稿,而在于建立项目级的设计规则来源。截图中的 DESIGN.md 已按 Elevation & Depth、Shapes、Components、Do's and Don'ts 等主题组织内容,说明输出覆盖视觉层级、形状、组件行为和规范边界。文件作为仓库内的 Markdown 资产,天然适合评审、迭代,并供后续界面审计复用。
关键洞察 设计系统往往不是不存在,而是隐含在实现细节里。Agent 的作用是把隐性约定转成可阅读、可传播、可检查的约束,从而降低工程与设计之间的沟通成本。
边界与风险 生成的规范可能只是对现状的忠实总结;如果原界面本身很差,文档也可能把问题固化。公开 URL 还无法体现产品目标、无障碍要求和业务约束,因此仍需人工判断,并结合后续 UI 审计验证设计质量。