用途:Open Design 是本地优先的设计产物生成工具,定位为 Anthropic Claude Design 的开源替代方案,可借助本机已安装的编码智能体(如 Claude Code、Cursor、Gemini CLI 等)生成网页、移动端和桌面端原型、演示文稿(deck)以及文档和媒体产物。
主要能力:内置 72 套设计系统(如 Linear、Stripe、Vercel、Notion、Tesla、Apple 等),提供一致的配色、字体与间距令牌,并保证 HTML、PPTX、PDF 等跨格式一致;支持 5 种视觉方向(minimal、bold、playful、enterprise、dark);支持多格式导出:HTML 预览、PDF、PPTX、ZIP、Markdown;媒体模式支持图像(gpt-image-2)、视频(Seedance 2.0)及 HTML 转 MP4(HyperFrames),并提供 93 个现成提示模板。
使用方式:先确定生成模式——UI 原型或落地页选 prototype,演示或投资人 deck 选 deck,长文档或规格选 document,以图像/视频/音频为主要产出选 media。安装步骤:git clone https://github.com/nexu-io/open-design.git,cd open-design,corepack enable,pnpm install,pnpm tools-dev run web 启动本地 Web UI。要求 Node.js ~24、pnpm 10.33.x。生命周期命令包括 pnpm tools-dev start/stop/run web/status/logs/inspect/check。也可作为 Claude Code 插件安装:claude plugin marketplace add nexu-io/open-design;或通过 npx skills add https://github.com/akillness/jeo-skills --skill open-design 安装。支持文件式技能扩展:将技能文件夹放入 skills/ 目录并重启。
适用场景:SPA 仪表盘、落地页、移动端界面、多页原型流程;投资人/路线图/发布 deck;设计规格与技术报告;产品、营销与社交媒体图像生成。
限制:不适用于真实代码库中的实时 UI 组件开发(应转向 stitch-skills 或 design-system)、视频制作或 Remotion 动画(video-production)、无设计系统的数据驱动 deck(presentation-builder)、媒体压缩(compresso)以及广泛的 Web UI 审计(web-accessibility)。每个产物建议只使用一套设计系统,混用会导致输出不一致;建议先做 HTML 预览再导出 PDF/PPTX。收费、价格与平台支持等细节暂未提供。