一键提取网页设计系统为DESIGN.md
值得看指数 40.0 NO. 012 · 2026.04.17
Stars235创建2 天前Forks26Issues0
为什么值得看
这是一个Chrome扩展，能自动从任意网页提取颜色、字体、间距等设计规范，生成符合TypeUI标准的DESIGN.md文件。前端和AI编程工具（如Claude Code、Codex）可直接使用该文件复现目标网站设计，省去手动测量和文档整理时间。
Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI
媒体预览
编辑判断
前端开发者在参考竞品设计时，通常需要手动打开DevTools检查CSS属性，或使用VisBug等插件查看样式后再人工整理。这个工具直接生成结构化DESIGN.md，且格式专为Claude Code、Codex等AI编程工具消费。
与CSS Scan等仅展示样式的工具不同，它输出的是AI可直接读取的设计系统蓝图。如果你正在用AI编程工具做网站开发，或需要频繁提取参考网站的设计规范，这个扩展能将数小时的手动整理压缩到几秒。
Star History
