feimacode/open-design-agent-kit

这是什么？

核心功能

• 01可在 GitHub Copilot Chat、Claude Code、Codex、Cursor 等支持 MCP 的助手中运行。
• 02内置 198 套品牌设计系统，保证生成结果风格一致。
• 03可基于 193 个示例作品修改，也可根据需求从零生成。
• 04交付前在浏览器中渲染并检查设计稿。
• 05输出为仓库中的普通文件，便于审查和提交。
• 06支持导出 PDF、PNG 和 PowerPoint。

适用场景

• 在编辑器中通过简短描述生成社媒配图或海报。
• 在落地为正式代码前，快速制作幻灯片或落地页原型。
• 在项目中把 CSV 或文档转换为报告式版面。
• 生成可打印的简历或单页文档并导出为 PDF。

快速上手

1. 1

   在项目中运行一键设置命令，为 Claude Code 配置

   npx @feimacode/open-design-agent-kit init --tools claude
2. 2

   打开智能体聊天窗口，描述你想要的设计，例如落地页或海报

使用前须知

• !它需要在现有的编码智能体中运行，例如 Claude Code、Codex、GitHub Copilot 或 Cursor。
• !基于 npx 的安装方式需要 Node.js。
• !部分集成（如 Figma）需要各自的令牌或官方 MCP 服务器。

收录于专题

标签

常见问题

open-design-agent-kit 是什么？

在 Copilot、Claude Code、Codex 或 Cursor 等编程助手中直接生成海报、社媒图文、幻灯片和落地页。 Open Design Agent Kit 将设计技能、品牌设计系统和可二次修改的示例带入 GitHub Copilot Chat、Claude Code、Codex、Cursor 以及其他支持 MCP 的编程助手。你在当前对话中描述需要的演示文稿、落地页、仪表盘或移动端原型，由助手自身的模型结合文件工具生成文件。

open-design-agent-kit 可以免费使用吗？用的什么许可证？

open-design-agent-kit 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

open-design-agent-kit 还在维护吗？

活跃维护中。open-design-agent-kit 最近一次提交是在 2026年11月6日。

open-design-agent-kit 适合用来做什么？

在编辑器中通过简短描述生成社媒配图或海报。 在落地为正式代码前，快速制作幻灯片或落地页原型。 在项目中把 CSV 或文档转换为报告式版面。 生成可打印的简历或单页文档并导出为 PDF。

open-design-agent-kit 怎么安装和运行？

在项目中运行一键设置命令，为 Claude Code 配置: npx @feimacode/open-design-agent-kit init --tools claude 打开智能体聊天窗口，描述你想要的设计，例如落地页或海报

在哪里获取 open-design-agent-kit？

源代码和安装说明在 GitHub 上：https://github.com/feimacode/open-design-agent-kit