Show HN: AI设计品味——Design.md生成器
一句话看懂：一款名为“AI Design Taste”的Chrome扩展程序上线，它能从任意网页中提取真实的设计风格，并自动生成结构化的DESIGN.md或SKILL.md文件，让用户将这些设计“知识”直接输入Claude、Cursor等AI工具使用。这一工具将设计系统从“人工编写”转向“AI可读的自动提取”，有望提升前端开发与AI协作的效率。
事件核心：发生了什么
2026年5月8日，开发者Marakand Group Inc.发布了AI Design Taste扩展程序0.6.2版本，大小约62KB。该扩展的核心功能是“提取网页样式并生成DESIGN.md或SKILL.md文件”。用户安装后，访问任意网站，扩展即可抓取该页面的配色、排版、间距等真实样式数据，将其转化为标准化的Markdown格式设计文档。这些文件可直接用于Google Stitch、Claude、Codex和Cursor等AI编程与协作工具中，帮助AI理解并复用目标网站的设计语言。目前该扩展已有3名用户，暂无评分，发布语言为英文。
为什么重要
当前AI辅助编程工具（如Cursor、Codex）虽能生成代码，但往往缺乏对现有设计系统的理解——开发者仍需手动编写设计规则说明。AI Design Taste填补了“设计上下文”的自动提取空白：它将网页的视觉样式变为AI可读的结构化文件，让AI工具在创建或修改界面时能直接复用原始设计风格。这种“设计系统+AI”的闭环，意味着前端开发的工作流可能从此从“描述设计”转向“引用设计”，降低了人工维护设计规范的成本，也可能推动更多AI工具支持外部设计上下文输入。此外，该工具的轻量化（62KB）和零数据销售声明，也回应了用户对扩展隐私性和性能的关切。
对用户/开发者/创作者的影响
对于前端开发者与设计师，该扩展能显著加快设计复刻与原型构建：例如，开发者在接手一个旧网站或模仿竞品样式时，不再需要肉眼对比颜色、字号或边距，只需一键提取即可让AI直接生成匹配的界面代码。对于使用Claude或Cursor的AI编程用户，DESIGN.md文件可以作为“设计提示词”的一部分，帮助AI在生成页面时保持风格一致性。应用场景还包括快速生成设计系统文档、在团队内部共享“可运行”的设计规范。但需注意，当前扩展仅支持提取当前页面的公开样式（即CSS中的可见变量与类名），无法抓取动态注入或加密的样式信息，对复杂Web应用（如SPA中动态渲染的组件）的覆盖可能有限。
值得关注的后续
第一，扩展对主流AI工具的适配深度：目前仅声明支持Google Stitch、Claude等，是否能无缝接入GitHub Copilot、GPT-4的Custom Instructions等更大生态，将决定其用户规模。第二，竞品动态：已有Stylus、ColorZilla等样式工具，但均未提供“生成AI可读设计文件”的功能；若该扩展获得正向评价，类似工具可能快速跟进。第三，隐私与合规：开发者已声明不向第三方出售数据，但在企业用户场景中，提取商业网站的设计文件可能涉及版权或保密协议问题，Marakand Group是否会在后续版本增加“域名黑名单”或“提取白名单”功能，值得企业采购者关注。
