企业官网建设流程全解析

有兴趣的朋友，点点关注。每天分享一个AI工具。

每天分享一个AI工具，今天推荐：Open Design - 一个本地优先、全栈BYOK的AI设计开源项目

项目简介

Open Design是Anthropic Claude Design的开源替代品。它是一个本地优先、可Web部署的设计工具，全栈BYOK（Bring Your Own Key），让开发者使用自己偏好的AI代理来进行设计工作。

GitHub地址：https://github.com/nexu-io/open-design
官网：https://open-design.ai/

为什么选择Open Design？

Anthropic的Claude Design（2026年4月17日发布）展示了当大语言模型停止撰写文字、开始输出设计作品时会发生什么——它一夜爆红。但Claude Design是闭源的、付费的、云端的，并且锁定在Anthropic的模型和技能上。无法自托管、无法Vercel部署、无法替换自己的代理。

Open Design提供了同样的循环、同样的作品优先心智模型，但没有任何锁定。它不提供代理——最强的编码代理已经存在于你的笔记本电脑上。Open Design将它们连接到一个技能驱动的设计工作流中，可以在本地运行pnpm tools-dev，可以将Web层部署到Vercel，并且在每一层都保持BYOK。

核心特性

1. 支持16个编码代理CLI

Open Design会自动检测你的PATH中的16个编码代理CLI：

• Claude Code · Codex CLI · Devin for Terminal · Cursor Agent · Gemini CLI · OpenCode
• Qwen Code · Qoder CLI · GitHub Copilot CLI · Hermes (ACP) · Kimi CLI (ACP)
• Pi (RPC) · Kiro CLI (ACP) · Kilo (ACP) · Mistral Vibe CLI (ACP) · DeepSeek TUI

2. 31个可组合Skills

内置31个技能，分为两大模式：

Prototype模式（27个技能）：

• web-prototype · saas-landing · dashboard · pricing-page · docs-page · blog-post
• mobile-app · mobile-onboarding · gamified-app · email-marketing · social-carousel
• magazine-poster · motion-frames · sprite-animation · dating-web · digital-eguide
• wireframe-sketch · critique · tweaks · pm-spec · eng-runbook · finance-report
• hr-onboarding · invoice · kanban-board · team-okrs

Deck模式（4个技能）：

• guizang-ppt · simple-deck · replit-deck · weekly-update

技能按场景分组：设计 / 营销 / 运营 / 工程 / 产品 / 财务 / HR / 销售 / 个人

3. 129个品牌级设计系统

内置129个设计系统：

• 2个手工编写的启动器
• 70个产品系统（Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Anthropic、Apple、Cursor、Supabase、Figma、小红书等）来自awesome-design-md
• 57个设计技能来自awesome-design-skills

4. 媒体生成能力

支持多种媒体生成，与设计循环并行：

• gpt-image-2（Azure/OpenAI）- 海报、头像、信息图表、插画地图
• Seedance 2.0（字节跳动）- 15秒电影级文字转视频和图像转视频
• HyperFrames- HTML→MP4动态图形（产品展示、动态排版、数据图表、社交叠加、Logo片尾）

内置93个即用型提示模板（43个gpt-image-2 + 39个Seedance + 11个HyperFrames），带预览缩略图和来源归因。

5. 5种精选视觉方向

当用户没有品牌时，代理会显示第二个表单，包含5个精选方向：

• Editorial Monocle- 编辑风格
• Modern Minimal- 现代简约
• Warm Soft- 温暖柔和
• Tech Utility- 科技实用
• Brutalist Experimental- 粗野实验

每种方向都提供确定性调色板和字体堆栈。

工作流程

1. 输入提示："make me a magazine-style pitch deck for our seed round" ↓ 2. 交互式问题表单弹出（表面、受众、语调、品牌背景、规模） ↓ 3. 代理选择5种精选视觉方向之一 ↓ 4. 实时TodoWrite计划流入UI ↓ 5. 守护进程在磁盘上构建真实项目文件夹 ↓ 6. 代理读取文件（预执行强制执行） ↓ 7. 运行五维自我批判 ↓ 8. 输出单个<artifact>，几秒钟后在沙盒iframe中渲染

核心架构

精彩技能展示

社交媒体轮播图（social-carousel）

三张1080×1080卡片，电影级面板，显示标题贯穿系列，品牌标识，循环提示。

移动应用（mobile-app）

像素级iPhone 15 Pro框架（Dynamic Island、状态栏SVG、主页指示器）。多屏幕原型使用共享的/frames/资源。

像素动画（sprite-animation）

像素/8位动画解释幻灯片——全屏奶油色舞台，动画像素吉祥物，动态日文显示字体，循环CSS关键帧。

杂志海报（magazine-poster）

单页杂志风格海报，编辑排版，动态布局。

部署方式

Open Design支持多种部署方式：

1. 本地运行：pnpm tools-dev
2. Vercel Web层：将Web层部署到Vercel
3. 桌面应用：从open-design.ai或最新发布下载打包的Electron应用

开源背景

Open Design站在四个开源项目的肩膀上：

• alchaincyf/huashu-design- 设计哲学指南。初级设计师工作流、5步品牌资产协议、反AI废话清单、五维自我批判、"5所学校×20种设计哲学"理念
• op7418/guizang-ppt-skill- Deck模式。杂志风格布局、WebGL英雄背景、P0/P1/P2检查清单
• OpenCoworkAI/open-codesign- UX北极星。流式作品循环、沙盒iframe预览模式、实时代理面板、五格式导出列表（HTML/PDF/PPTX/ZIP/Markdown）
• multica-ai/multica- 守护进程和运行时架构。PATH扫描代理检测、本地守护进程作为唯一特权进程、代理作为队友的世界观

项目亮点

• ✨完全开源：Apache-2.0许可证，可自由使用
• 🚀16个CLI支持：自动检测并切换你喜欢的编码代理
• 🎨129个设计系统：涵盖Linear、Stripe、Vercel、Apple等顶级产品
• 🤖31个内置技能：从Web原型到PPT演示，覆盖各种场景
• 💻本地优先：数据在本地，隐私安全
• 🌐可部署：支持Vercel部署和桌面应用
• 📺媒体生成：支持图片、视频、音频多模态输出
• 🔒BYOK架构：每一层都自带密钥，无锁定

总结

Open Design是一个真正开放、强大的AI设计工具。它不仅提供了与Claude Design相同的功能，更重要的是——它是完全开源的、本地优先的、支持多种AI代理的。

对于想要掌控自己设计流程、保护数据隐私、使用自己偏好的AI代理的开发者和设计师来说，Open Design是一个值得探索的强大工具。

相关链接：

• GitHub: https://github.com/nexu-io/open-design
• 官网: https://open-design.ai/
• Discord社区: https://discord.gg/qhbcCH8Am4
• Twitter: https://x.com/nexudotio

#AI工具 #设计 #开源项目 #本地优先 #UI设计 #ClaudeDesign