design-extract
designlang(design-extract)用无头浏览器抓取任意网站,从线上 DOM 中提取每一个计算样式,并生成 17 个以上的输出文件,包括面向 AI 优化的 markdown 文件、可视化 HTML 预览和 Tailwind 配置。README 说它与其他工具不同,不只提取颜色和字体,还提取布局模式(网格、flexbox、容器)、动效语言(时长、缓动、弹簧、滚动联动动画)和组件结构(插槽、变体)。
第 10 版(Intent 版本)加入了 LLM 要想忠实地重建网站、而不是给通用脚手架换个样式所需的语义信号;第一个功能是页面意图分类器,把 URL 标成落地页、价格页、文档、博客等。使用方式是一条命令 `npx designlang https://stripe.com`,或加 `--full` 一次得到全部内容。README 很长(约 2.8 万字符),按各个提取领域分节。代码采用 MIT 许可证。提取他人网站的设计可能涉及版权或使用条款问题,应当把输出仅作为参考。