#57 · 主分类： AI 设计与原型生成
design-md-chrome
Chrome扩展，用于从任何网站提取样式，基于TypeUI为AI生成DESIGN.md文件和设计技能
项目最后更新：05/25/26
GitHub Stars
2.7K
Forks数量
300
贡献者数量
1
许可证
MIT
收录理由
对于希望AI编码助手忠实还原既有网站视觉风格的设计师和前端开发者来说，这款扩展确实实用。只需在任意在线页面上运行它，就能提取出定义界面外观的关键视觉信号，并基于开源的TypeUI DESIGN.md格式生成一份DESIGN.md或SKILL.md文件。生成的规范可直接用于Claude Code、Codex或Google Stitch等工具，不会受限于某一专有技术栈。文档内容并不只是罗列设计变量，还涵盖了品牌背景、无障碍要求、文案语气以及具体的实现规则，这让AI代理能够真正遵循设计意图，而不是凭感觉猜测。它更像一件聚焦于提升AI生成界面视觉一致性的效率工具，而非大而全的设计系统方案。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
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辅助可视化来创建、修改和增强图表。