Co-founder & CEO @OpenDesignHQ — building Open Design, the open-source Claude Design alternative. → github.com/nexu-io/open-desi…
Joined December 2016
- Tweets 10,286
- Following 6,626
- Followers 37,578
- Likes 9,803
2,712 Photos and videos
Pinned Tweet
Apr 28
正式开源 open claude design 🚀 超 95% 以上的还原度！
浓缩和逆向所有 claude design 最先进的设计，最好看的模板💥
历时 72 小时，18700 行代码，30 设计 Skills，支持超过 71 套 设计系统，支持所有的 code agent，包括 claude code、codex、openclaw 等 🔥
125
368
2,471
964,560
Tom Huang retweeted
Jun 12
45 days. 63.6K GitHub Stars.
@nexudotio Open Design is opening our Campus Ambassador & Remote Volunteer Program for students around the world.
We’re looking for students who are excited about AI, open source, design, product building, content creation, and community growth.
2
3
1,637
Jun 12
Open Design 0.10.0 新增了内建浏览器，支持一键截图转 Open Design 设计稿🚀
相比 Figma 的 Chrome 插件仍需在多个窗口之间来回跳转，Open Design的区别在于你只需要打开 OD这一个窗口就够了。
这次也收录了非常全面的设计参考网站，覆盖灵感、真实产品 UI、动效、配色、字体、图标和设计系统。
之前很多人问：官方 demo 看起来这么好怎么做同款？现在就不用烦恼了 :)
Jun 12
Imagine a world where you could browse any website, capture it, and turn it into a design draft（jk you don’t have to imagine. One-click browser screenshots, now with 80 curated reference sites built in)
No Chrome required. No Figma required. Just open and start designing.
3
7
23
5,609
Jun 11
Claude Fable 5 的效果太惊艳了！
感谢 Eli 把这么好看的网站模板上传到 Open Design。现在大家可以直接使用，也可以继续 remix 出自己的版本了💪
如果你也用 Fable 5 做出了好看的作品，欢迎分享到 Open Design 开源社区，大家一起欣赏和交流👏👏👏
Jun 11
Fable 5 is absolutely incredible! If you’d like the prompt, drop a comment. Happy to share it for free!
And I’ve uploaded this mobile version to Open Design, so you can use this template for free directly.
2
2
20
4,987
Tom Huang retweeted
Jun 10
这个总结质量好高，推荐反复看👍
PPT里的一些核心洞察：
1、前一万follows达成的关键，准备一份超预期的干货，优质内容会被KOL转发，坚持高质量分享，主动传播与评论
2、点赞是情绪，收藏是信任，转发是替别人做一次筛选
3、增长的核心是，如何系统性的提高内容进入前10%的概率
4、真正稳定的内容主题特点，不只是表达“AI很火”，更要回答“AI可以帮我完成到哪一步”
5、读者更愿意相信可见、可点、可量化的内容
6、高水平的官方号运营特点，高质量视觉展示 结构化内容 强互动 及时反馈
PPT地址：
xiangyangqiaomu.feishu.cn/wi…
把自己三年来的 X 运营增长做了复盘，做了线下分享。
如何从100做到11万关注，基于全量 X 帖子，用 Codex 做的数据分析。
有些结论，甚至自己都没有意识到。
果然分享才是最好的学习，完整的PPT见评论区。
18
4
37
4,791
Jun 10
Fable 5 做复杂网页确实强了很多。
这些网站基本都是一轮生成，风格、结构、动效和响应式一次到位。
做 landing page / product page 会省很多时间。
Jun 10
The Fable 5 briefing site was just the first one.
We used Claude Fable 5 in Open Design to generate polished websites across styles.
Landing pages, product pages, editorials, launch pages — prompt-built and ready to remix.
Watch Fable 5 build in Open Design ↓
23
6
44
10,752
Jun 10
里面也收录了很多值得读的长文，包括 Anthropic 开发者的分享、AI 媒体比如大家熟知的数字塔兹克和社区作者的深度解读。以后不用一个个去扒信息源了。
我们之后也打算不定期围绕最新热点，做这种好看的 AI 信息聚合站：从信息源、参考案例到业务方向，一站式打通。
大家需要吗 🙋♀️
Jun 10
Claude Fable 5 太酷了！
我们用它做了一个 Fable 5 情报站，把所有官方信息、推特上有价值的讨论、最火最酷的案例、相关的解读长文都整理成了一个可交互网站。
新模型发布的信息太散，Open Design 很适合把它变成一站就搞懂的网站。
大家也可以复制网站里的 prompt，做自己的信息聚合站💪
22
15
6,571
Jun 10
Claude Fable 5 太酷了！
我们用它做了一个 Fable 5 情报站，把所有官方信息、推特上有价值的讨论、最火最酷的案例、相关的解读长文都整理成了一个可交互网站。
新模型发布的信息太散，Open Design 很适合把它变成一站就搞懂的网站。
大家也可以复制网站里的 prompt，做自己的信息聚合站💪
Jun 10
Open Design now supports Claude Fable 5.
No more digging through X threads, launch posts, benchmarks, and demos.
We asked Fable 5 to turn its own launch into the most complete interactive briefings on the web.
Here is everything you want to know
👉 asme-nu.vercel.app/
1
5
16
10,311
Jun 9
我们试了一下 Codex 最新插件的组合玩法，效果还挺不错。
先用 Creative Production Product Design 把一个早期想法细化成 Codex Launch Studio。
再用 Open Design 把界面和视觉落下来，最后用 html-video 生成宣传视频。
关键是视频构思也不是重新开始，而是 Codex 基于前面产品/设计细化的上下文继续完成，所以意图是连贯的。
以后做产品可能真的可以从一个想法开始：
Codex 当产品经理，
Open Design 负责设计和落地，
html-video 负责生成推广素材。
Jun 9
Codex Design is becoming real.
The real breakthrough isn’t one more design tool.
It’s keeping the same context from idea to design output to launch asset.
We tested it with Codex Plugins, Open Design, and html-video: from vague idea to polished promo video.
All inside Codex.
62
16
123
15,216
Jun 9
Seedance 2.0 的效果太震撼了。
以前二次元角色、游戏角色、虚拟 IP 要进入真实世界，通常需要 AR、绿幕、3D 合成或大量后期。
现在只需要在 Open Design 里把它整理成一个可复用的视频工作流：真实桌面/办公室/生活场景 虚拟角色 Seedance 2.0。
Jun 9
One of the most convincing AI video results so far.
We tried Vincent’s brilliant idea in Open Design and used Seedance 2.0 to bring an Avatar-style character onto your actual desk.
It feels weirdly real.
The template prompt is now available in Open Design.
4
9
3,048
Jun 8
RT @nexudotio: Open Design 0.9.0 is coming.
DESIGN FOR EVERYONE.
This is more than a slogan for this release.
It’s the direction we’re b…
1
227
Jun 8
请大家注意：@nexudotio 是 Open Design 在 X 上唯一官方账号。
最近有账号冒用 Open Design 身份，并搬运官方内容，容易误导用户。这类账号与 Open Design 没有任何关系。
如果你看到疑似冒充 Open Design 的账号，请不要互动或转发，直接通过 X 官方工具举报。感谢大家帮忙保护社区。
Jun 8
To prevent any potential harm, we reiterate that @nexudotio is our sole official account on Twitter/X.
Any accounts:
- representing us
- using identical avatars
- using similar names
are impersonations.
Please stay vigilant to avoid being misled!
1,289
Jun 7
感谢姚老师❤️
Jun 7
在Open Design的GitHub仓库，有一个文档很不错：“反AI味设计指南”
文档地址见文末
一些原则总结如下：
1、不要用AI最爱用的紫蓝色，要用产品自己定义的品牌色
2、不要动不动就搞紫蓝渐变Hero区
真正高级的第一屏，不一定靠渐变撑场面，更应该靠清晰的信息、字体、留白和真实产品表达
3、 不要拿emoji当功能图标
真正产品化的设计，图标应该有统一风格，比如线性SVG图标，尺寸、粗细、颜色都统一
4、不要乱用字体
如果产品已经有自己的字体规范，标题、正文、按钮都应该遵守设计系统，而不是直接写成Inter、Roboto或system-ui这类默认字体
5、不要做那种“圆角卡片 彩色左边框”，圆角和左边框，至少去掉一个
6、不要编数据，有真实来源就写，没有来源就别写，可以写占位符，但要明确标注是占位
7、不要用填充文案凑页面，空白本身就是设计问题，需要通过结构、节奏、内容优先级来解决
8、不要所有页面都长一个样
9、不要滥用强调色和占位图
10、要给设计加一点“人的判断”，作者给了一个比例：80%用成熟模式，20%做独特选择
AI设计最大的问题，是太像模板，它表面完整、颜色顺滑、组件规整，但缺少真实产品场景、真实用户细节和设计者的取舍
“反AI味设计指南”文档地址：
github.com/nexu-io/open-desi…
2
13
4,043
Jun 7
感谢乔木老师，总结的太好了，👍欢迎大家交流👏
今晚跟 @tuturetom 直播的AI总结，把所有经验都毫无保留分享了。
Open Design最常见的使用场景：做前端设计和原型、做PPT、做海报等。
另外直播中，大家讨论了一个非常主观的LLM前端审美排名，仅供参考：
Claude opus 4.8 > kimi2.6 > GPT 5.5 > Deepseek v4 pro > GLM 5.1> Deepseek v4 Flash
1
1
1,416
Codex 重磅更新：Product Design 插件上线！
以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！
下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～
先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！
确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。
丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。
这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！
别再把 Codex 只当聊天工具用了～
装上这11个官方插件，Codex直接变成你的生产力外挂！
别人还在手动做图、抠 PPT、抓数据……
你已经一句话搞定海报、视频、数据分析和日程管理～
下面我把每个插件的实际效果都录出来了，直接看效果～
1️⃣视觉 & 设计神器
· Canva：一句话调用百万专业模板，海报、朋友圈图、封面秒出
· Figma：扔需求或代码，一键生成高保真可编辑设计稿
· HyperFrames by HeyGen：HTML/脚本自动渲染高质量视频
· Remotion：专业级视频动效和动画，效果直接拉满
2️⃣办公 & PPT狂魔
· Presentations：给个主题，自动生成高质量PPT初稿 完整大纲
· Spreadsheets：复杂公式、图表、数据分析一气呵成
3️⃣内容 & 数据深度工具
· Documents：长文章提炼、总结、写PPT脚本
· BioRender：科研/医学图表，秒出专业科学插图
· Windsor ai：一键拉全网营销数据并自动分析
4️⃣自动化王炸
· Chrome：Codex直接操控浏览器，自动读网页、抓数据、填表
· Google Calendar：自动创建会议、管理日程，排会效率翻倍
安装方式：Codex App → 左侧「Plugins」→ 搜索名称直接安装（30秒搞定）
94
151
892
130,770
对比一下 GPT-5.5 的设计效果和 Opus 4.8 的设计效果
我真不是尬黑 GPT-5.5，我这种审美水平都能看出来差距
使用 Skill：github.com/JimLiu/baoyu-desi…
---- 提示词 ----
/baoyu-design 帮我开发一款Reader Mac App，帮助我更好的阅读和收藏文章。数据都在本地。
## 信息采集
1. 主动添加
可以手动添加不同类型的信息：
- URL：输入 URL，自动抓取内容和图片
- 附件：上传PDF、视频、图片
- Markdown 编辑：类似于发布博客，输入标题、内容、发布图片
- 其他
2. 自动订阅
- RSS 订阅
- 社交媒体账号：X、微博、YouTube
- 其他
## 信息编辑和分类
1. 标签
每条内容都可以打标签
2. 分类、目录
可以创建树形目录，可以把内容放到不同的分类
3. 收藏
可以点击收藏
4. 编辑
每一条内容都可以编辑，有个内置的Markdown编辑
## AI 辅助
### 功能
1. 自动翻译
可以支持不同语言的翻译
2. 总结和摘要
可以去对抓取了的内容进行摘要
3. 二次创作
可以基于一条或者多条内容进行二次创作
### 交互
1. CMD K 随时唤出菜单
2. 集成 AI Chat Sidebar
可以显示 Chat Sidebar 通过 AI Chat 去调用 AI Agent 辅助对内容进行处理
3. 选中操作
选中内容文字，可以进行处理，比如翻译、润色、修改之类
Cursor's new browser element annotation turns it into a design studio.
Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8.
npx skills add JimLiu/baoyu-design
github.com/JimLiu/baoyu-desi…
156
80
615
169,220
Jun 5
Open Design 0.9.0 终于真正做到了设计平权。这一点，我们是在大家的反馈里感受到的。
有人问：我一定要用最贵的模型吗？DeepSeek 这类更实惠的模型，能不能跑我的设计工作流？
有人问：我没有 CLI、不会复杂的 agent setup、没有设计经验，也能做出好看的设计吗？
也有人问：Windows 可以吗？能不能随时切换模型？能不能带着以前工具里的资产继续做？
0.9.0 的答案是：
都可以。
带着你的模型、agent、系统、工作流和资产来。
或者什么都没有，只带着一个想法开始，接下来交给我们的 AMR。
这个视频讲的也是这件事：0.9.0 不再要求人去适配某工具，而是让 Open Design 去适配每一个想做设计的人。
这就是Design for everyone.
Jun 5
Open Design 0.9.0 breaks AI design out of one model, one agent, and one setup.
Now you can bring any model, run any agent, work anywhere, and design anything.
Open Design 0.9.0 is out now.
👉github.com/nexu-io/open-desi…
29
5
43
7,116
Jun 5
不到 24 小时就已经 1000 Star ✨了
很高兴 html-video 受到大家关注
项目刚刚开始，让我们一起探索 Coding Video的无限可能
github.com/nexu-io/html-vide…
Jun 4
正式开源 html-video 🚀 html版剪映来了！
你的 Agent 现在可以通过写 html轻松做出世界级水准的产品宣传、知识解说视频，成本极低！🔥
历时 3 天，3 万行代码！支持20多套顶尖视频风格模板，分页编辑，mp4 导出，支持包括Claude Code、Codex、hermes、cursor等主流 Agent接入即用💥地址见评论区
24
5
37
6,305
Tom Huang retweeted
Jun 5
Your agents can now be your video editors- Open source CapCut using @HyperFrames_
Jun 4
正式开源 html-video 🚀 html版剪映来了！
你的 Agent 现在可以通过写 html轻松做出世界级水准的产品宣传、知识解说视频，成本极低！🔥
历时 3 天，3 万行代码！支持20多套顶尖视频风格模板，分页编辑，mp4 导出，支持包括Claude Code、Codex、hermes、cursor等主流 Agent接入即用💥地址见评论区
8
2
6
1,827