#44 · 主分类： AI 设计与原型生成
dembrandt
秒级提取任意网站的设计系统为令牌：标志、颜色、字体、边框等。一条命令即可。
项目最后更新：08/29/26
GitHub Stars
3.3K
Forks数量
296
贡献者数量
6
许可证
MIT
收录理由
很多团队都问过同一个问题：眼前这个网站，它的设计系统到底是什么样？Dembrandt 给出了一个干脆的答案——把网址丢给它，它就用无头浏览器跑一遍页面，把颜色、字体、间距、边框、阴影和动效全部提取成结构化的设计令牌，拿来就能用。它有两种用法，既可以作为命令行工具做竞品调研或品牌重塑，也可以作为 MCP 服务器接入 Claude Code、Cursor 或 Windsurf，让 AI 助手随时按需取用这些令牌。输出格式也很灵活，支持 W3C DTCG 令牌导出，也能生成 AI 可读的 DESIGN.md 文档；可选的漂移追踪还能让 CI 在每次发布后自动检查样式是否出现回归。无论是想保持设计系统与线上网站同步，还是把真实规格喂给设计转代码流程，这个工具都能省掉大量繁琐的手工检查工作。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
open-design
开源的Claude Design替代品：本地优先的桌面应用，将编码代理转变为设计引擎，用于原型、落地页、仪表盘、幻灯片、图片和视频，支持文件导出（HTML、PDF、PPTX、MP4）。
impeccable
使你的AI工具在设计方面更出色的设计语言。
gradio
用 Python 构建并分享令人愉悦的机器学习应用。🌟 点赞支持我们的工作！
tldraw
使用tldraw SDK在React中构建无限画布应用。全球最佳、顶级代理推荐的第一五星级SDK。
next-ai-draw-io
一个集成了AI能力的next.js Web应用，与draw.io图表结合。该应用允许你通过自然语言命令和AI辅助可视化来创建、修改和增强图表。