nexu-io/open-design

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

OpenDesign是一款面向macOS和Windows的local-first桌面应用，借助Claude Code、Codex、Cursor等coding agent生成原型、仪表盘、幻灯片、图片和视频，并导出为HTML、PDF、PPTX或MP4文件。

把现有coding agent当作生成实际交付文件的引擎，这种做法值得与Harness向Claude Code、Codex等executor交付任务的方式进行比较。

Apache-2.0 宽松许可，含专利授权。可商用，需保留声明并注明修改。

penpot/penpot
一个面向产品团队的开源设计平台，可在浏览器中使用，也可自行部署。它基于SVG、CSS、HTML等开放标准，提供实时协作、design token、MCP server、开放API和插件。
alchaincyf/huashu-design
Huashu Design是可用于Claude Code等多种agent的HTML原生设计skill，能把文字需求做成可点击的原型、幻灯片、动画或信息图。它包含设计理念指南、五个维度的设计评审以及MP4导出。
facebook/astryx
基于React的开源design system，目前为Beta版。提供无障碍组件、品牌主题、深色模式、模板和CLI，让人和AI assistant使用同一套工具。
google-labs-code/design.md
DESIGN.md是一种向coding agent描述设计系统的文件格式，把YAML front matter中的design token与用Markdown写的设计理由结合在一起，lint工具会检查规范符合性、token引用和WCAG对比度。
Nutlope/hallmark
Hallmark 是面向 Claude Code、Cursor 和 Codex 的设计 skill，用于生成不带常见 AI 生成痕迹的 UI。它会选择页面结构和主题，在输出前运行 slop test 检查，还可以对现有设计进行 audit、redesign 或 study。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。