即刻App年轻人的同好社区
下载
置顶我观察过十几个AI付费社群
大部分的模式是：群主发教程 → 群友说「收到谢谢」→ 然后安静三天 → 群主再发一篇
这不叫社群，这叫订阅号
之前出了openclaw基础篇，很多人私信问我：你什么时候开社群？
我一直没开，不是不想，是没想好一个问题——如果只是把教程扔进微信群，那和我发推特有什么区别？
想了很久，想明白了三件事
第一，教程解决的是「知道」，社群要解决的是「用起来」
中级篇13个主题，三层记忆模型、搜索决策树、计划文件模式，框架都在那了，但你自己的场景不一样
你是做交易的、做自媒体的、做独立开发的——同一套框架落到不同场景，配法完全不同
教程没法穷举所有场景，但一群正在用的人可以互相交叉验证
你把你的配置方案发出来，三个人帮你看，比你自己试一周都快
这件事只有社群能做到
第二，信息差是真的值钱
我自用的claude使用方案，帮你低成本拿到最顶级的AI使用权——这个信息差一个月能省几百块
这个目前还在洽谈中，但是目测大概率可以有
1v1咨询社群成员500元/小时，外部价1500，不只聊AI，自媒体、商业模式、变现路径都能聊
做了4年PM，连续创业五年，我的认知和解决方案，掌握的资源才是我真正值钱的东西
每月一次深度分享，也不只聊AI——我观察到的生意机会、自媒体打法、趋势判断，这些不会写在公开推文里
第三，你的内容在这里有杠杆
你在群里分享的实战案例，优质的会被收录进教程，署名展示
你发的好内容我会在推特quote助推，1w+粉丝的曝光直接给你
这不是我单向输出，是你也有收益
所以我建了第一个社群：超进化个体
你能拿到什么：
【内容】
→ 中级篇+高级篇完整教程，13个主题，飞书文档持续更新
→ 龙虾总结文档，复制给你的agent直接获得整套框架
→ 每月一次深度分享——AI、生意、自媒体、商业机会
【互动】
→ 每1-2天晚上集中答疑
→ 群友共建，你的实战案例收录进教程，署名展示
→ 好内容我quote助推，1w粉曝光直接给你
【资源】
→ 低成本claude使用方案推荐
→ 500元/小时1v1咨询（外部1500）
→ 高级篇优先内测 + 老用户专属折扣
首发价 149，限50人
满了阶梯涨价，200人封顶不再开放
我担心人多了服务不好，这个群我想做小做精
未来真正跑出来的超级个体就那么几个，我赌这个群里会出
大家直接加我就行
大部分的模式是：群主发教程 → 群友说「收到谢谢」→ 然后安静三天 → 群主再发一篇
这不叫社群，这叫订阅号
之前出了openclaw基础篇，很多人私信问我：你什么时候开社群？
我一直没开，不是不想，是没想好一个问题——如果只是把教程扔进微信群，那和我发推特有什么区别？
想了很久，想明白了三件事
第一，教程解决的是「知道」，社群要解决的是「用起来」
中级篇13个主题，三层记忆模型、搜索决策树、计划文件模式，框架都在那了，但你自己的场景不一样
你是做交易的、做自媒体的、做独立开发的——同一套框架落到不同场景，配法完全不同
教程没法穷举所有场景，但一群正在用的人可以互相交叉验证
你把你的配置方案发出来，三个人帮你看，比你自己试一周都快
这件事只有社群能做到
第二，信息差是真的值钱
我自用的claude使用方案，帮你低成本拿到最顶级的AI使用权——这个信息差一个月能省几百块
这个目前还在洽谈中，但是目测大概率可以有
1v1咨询社群成员500元/小时，外部价1500，不只聊AI，自媒体、商业模式、变现路径都能聊
做了4年PM，连续创业五年，我的认知和解决方案，掌握的资源才是我真正值钱的东西
每月一次深度分享，也不只聊AI——我观察到的生意机会、自媒体打法、趋势判断，这些不会写在公开推文里
第三，你的内容在这里有杠杆
你在群里分享的实战案例，优质的会被收录进教程，署名展示
你发的好内容我会在推特quote助推，1w+粉丝的曝光直接给你
这不是我单向输出，是你也有收益
所以我建了第一个社群：超进化个体
你能拿到什么：
【内容】
→ 中级篇+高级篇完整教程，13个主题，飞书文档持续更新
→ 龙虾总结文档，复制给你的agent直接获得整套框架
→ 每月一次深度分享——AI、生意、自媒体、商业机会
【互动】
→ 每1-2天晚上集中答疑
→ 群友共建，你的实战案例收录进教程，署名展示
→ 好内容我quote助推，1w粉曝光直接给你
【资源】
→ 低成本claude使用方案推荐
→ 500元/小时1v1咨询（外部1500）
→ 高级篇优先内测 + 老用户专属折扣
首发价 149，限50人
满了阶梯涨价，200人封顶不再开放
我担心人多了服务不好，这个群我想做小做精
未来真正跑出来的超级个体就那么几个，我赌这个群里会出
大家直接加我就行
2 10
任何人都应该知道并且收藏的前端设计库大全整理：
设计库 → curations.supply
着陆页 → landing.love
SaaS 网站 → saaspo.com
AI 移动应用构建器 → sleek.design
字体 → uncut.wtf
动画 → 60fps.design
移动应用 → mobbin.com
品牌 → rebrand.gallery
图标 → hugeicons.com
设计系统 → component.gallery
网页设计 → curated.design
导航栏 → navbar.gallery
CTA 部分 → cta.gallery
用户流程 → pageflows.com
SaaS 组件 → saasframe.io
动画（替代） → appmotion.design
着陆页（进阶） → lapa.ninja
极简网页 → minimal.gallery
通用灵感 → godly.website
着陆页组件 → landingfolio.com
设计库 → curations.supply
着陆页 → landing.love
SaaS 网站 → saaspo.com
AI 移动应用构建器 → sleek.design
字体 → uncut.wtf
动画 → 60fps.design
移动应用 → mobbin.com
品牌 → rebrand.gallery
图标 → hugeicons.com
设计系统 → component.gallery
网页设计 → curated.design
导航栏 → navbar.gallery
CTA 部分 → cta.gallery
用户流程 → pageflows.com
SaaS 组件 → saasframe.io
动画（替代） → appmotion.design
着陆页（进阶） → lapa.ninja
极简网页 → minimal.gallery
通用灵感 → godly.website
着陆页组件 → landingfolio.com
1 02
Claude Design提示词泄露第3天，我花一天收集各种资料拆解了422行系统提示词，跑了几个个真实测试案例
整理出这份史上最全的，从认知到实操的完整claude design教程👇
一、Claude Design是什么（3分钟建立认知）
不是Figma杀手，不是AI设计师
它的本质是设计资产编译器——你喂给它已有的设计系统（代码库/UI Kit/品牌指南），它把这些"静态资产"编译成可交互原型
核心能力三件套：
读取你的设计系统（颜色/字体/组件/布局规则）
根据文字描述生成符合品牌调性的原型（网页/App/幻灯片）
实时可视化调整（改颜色/字体/间距不需要重新生成）
适合谁用：
独立开发者：快速验证产品想法，3分钟出可点击Demo
非技术创始人：把脑子里的页面描述出来，直接交给开发
设计师：1小时输出10个风格变体，省掉手搓Figma的时间
不适合谁：
期待"一句话做出苹果官网"的人（它是复用工具，不是创造工具）
没有任何设计资产的纯小白（需要先有参考素材，不管你是通过什么方式获取）
二、提示词泄露的核心发现（建立理解框架）
推特上一堆人在解读"13个模块+30个函数"，但从PM视角看，真正重要的只有3个底层规则：
规则1：上下文优先原则（最重要）
泄露提示词里写得很明确："永远不要从零开始设计，必须先读取用户提供的设计系统、UI Kit、代码库、品牌指南。凭空mock是最后手段"
翻译成人话：Claude Design不是"生成式AI"，而是"编译式AI"——它需要你先给"源代码"（已有设计资产），然后帮你"编译"成新原型
这就是为什么有人说"AI味太重"，有人说"效果炸裂"——区别就在于有没有上传设计系统
规则2：反AI Slop铁律（写死在系统里）
提示词里有一整段专门定义什么是"AI垃圾设计"：
禁止填充内容、假数据、随机图标
禁止激进渐变、默认圆角+左边框强调、过度emoji
禁止Inter/Roboto等常见字体
每个元素必须"earn its place"（有存在理由）
这条规则的意思是：如果你的提示词里没说清楚品牌调性，Claude会严格避开所有"AI常用套路"，输出极简风格——而不是像其他工具一样默认给你紫色渐变
规则3：6步工作流闭环
Claude Design内置了产品交付流程：
理解需求（主动追问）
→ 探索资源（读取设计资产）
→ 规划todo
→ 构建结构
→ 交付验证（自动检查质量）→ 总结建议
这不是Prompt魔法，而是把PM的需求管理流程写进了系统提示词
三、从零上手完整SOP（10分钟跑通第一个案例）
Step 1：准备设计系统（决定90%的输出质量）
去 claude design，点击Import按钮，上传以下任意一种：
你之前做过的网站/App截图（3-5张）
品牌指南PDF（包含配色和字体）
代码库链接（Claude会自动提取设计token）
参考网站URL（用网页捕获工具抓取元素）
如果你什么都没有：去 dribbble.com 找3张风格接近的页面截图，上传并告诉Claude"参考这些页面的视觉风格"
Step 2：选择项目类型
界面顶部有4个模式：
Prototype：可点击网页/App原型（最常用）
Slide Deck：演示文稿/Pitch Deck
Template：可重用的页面模板
Freeform：自由画布（混合多种输出）
新手建议从Prototype开始
Step 3：写提示词（按固定结构）
一个好的提示词包含4个要素：
[目标] 创建一个 [类型]
[主题] 用于 [具体场景]
[布局] 包含 [具体模块列表]
[风格] 风格 [视觉描述]，避免AI slop
举例：
创建一个SaaS仪表盘原型
用于AI写作工具的数据分析后台
包含：左侧导航（文章管理/数据统计/设置）、顶部搜索、4个KPI卡片、文章列表表格
风格极简专业，使用冷色调，避免AI slop（无默认渐变/emoji/Inter字体）
Step 4：用Tweaks面板调整细节
生成后右侧会出现可视化调整面板，可以实时修改：
颜色（主色/辅助色/背景色）
字体（标题/正文）
间距（紧凑/标准/宽松）
布局（单栏/双栏/网格）
重点：这些调整不消耗额外token，放心拖动
Step 5：导出或交付
点击Export，选择格式：
HTML：可部署的完整网页（适合直接上线或演示）
Canva：导出到Canva继续编辑
PPTX/PDF：演示文稿格式
Handoff to Claude Code：转成生产代码交给开发
四、5个可复制的实战案例
每个案例包含：场景 → 提示词 → 输出效果 → 应用建议
案例1：SaaS产品仪表盘
场景：你要做一个内容管理系统的后台页面
提示词：
上传我的设计系统，创建现代SaaS仪表盘原型
主题：内容管理系统后台
包含：左侧导航（内容库/数据分析/用户管理）、顶部搜索栏、4个KPI卡片（总文章数/总阅读量/活跃用户/转化率）、内容列表表格
风格极简专业，避免AI slop
输出可交互HTML + Tweaks面板
输出效果：完整可点击仪表盘（React+响应式），左侧导航可切换，表格可排序
应用建议：先生成框架，用Tweaks调颜色，满意后导出HTML发给开发参考
案例2：创业项目Pitch Deck
场景：你要向投资人展示AI产品
提示词：
创建8页Pitch Deck
主题：AI写作助手，帮助内容创作者10倍提效
风格：专业现代极简
包含：封面（产品名+slogan）、问题（内容创作者的3大痛点）、解决方案（我们的核心功能）、产品演示（3-4个功能截图）、商业模式、市场规模、团队介绍、融资计划
每页带speaker notes，可导出PPTX
输出效果：完整8页幻灯片，自动配图和排版，每页带演讲提示
应用建议：生成后用Tweaks换主题色，导出PPTX在本地微调文案
案例3：移动App交互原型
场景：你要演示一个待办事项App的核心流程
提示词：
使用移动UI最佳实践，创建待办事项App交互原型
首页：任务列表（今天/本周/全部） → 点击添加按钮 → 弹出新建任务表单 → 填写后保存 → 返回列表显示新任务
风格：干净科技感，使用卡片式布局
支持点击切换页面、动画过渡
输出带iPhone边框的可交互原型
输出效果：完整可点击移动原型（iPhone 14边框），支持页面切换动画
应用建议：发给用户测试交互流程，根据反馈调整后再开发
案例4：产品Landing Page
场景：你要为AI工具做一个着陆页
提示词：
创建高转化着陆页
主题：AI写作助手，让内容创作快10倍
包含：Hero区（大标题+副标题+CTA按钮+产品截图）、核心功能网格（3个功能模块）、用户评价（3条真实反馈）、定价表格（免费版/专业版/团队版）、底部CTA
颜色使用科技蓝+白色，完全响应式，避免AI slop
输出效果：完整可部署HTML着陆页，移动端自适应
应用建议：导出HTML，部署到Vercel或Netlify做落地页
案例5：设计系统组件库
场景：你要为团队建立统一的UI组件库
提示词：
读取我上传的代码库，生成完整设计系统组件库
包括：颜色系统（主色/辅助色/语义色）、字体系统（标题/正文/代码）、基础组件（按钮/输入框/卡片/弹窗）
输出3个视觉变体（极简风/科技风/品牌风），每个组件带交互状态+Tweaks面板
输出效果：完整组件库展示页，3套主题可切换，可导出Figma
应用建议：团队第一次使用Claude Design时跑这个，后续所有项目自动继承
五、3个致命避坑点（真实约束和解决方案）
坑1：Token消耗远超预期
真实情况：一个复杂原型可能消耗几万tokens，Pro用户跑2-3个设计就会触发限额暂停，Reddit有用户2个prompt被停服务几小时
解决方案：
别一上来就让它"生成完整网站"，先做单页原型
用Tweaks面板调整细节（不消耗token），满意后再扩展到其他页面
如果是长期使用，考虑Max订阅（限额更高）
坑2：不上传设计系统=AI味拉满
真实情况：如果不上传UI Kit/品牌指南，Claude会用内置的"通用设计系统"——也就是那些被吐槽的"很AI"的极简风格
解决方案：
第一次使用时必须上传参考素材（截图/品牌色/代码库任选其一）
如果实在没有，去Dribbble找3张喜欢的设计截图上传
上传后系统会自动提取设计token，后续项目都继承
坑3：误判工具定位导致失望
真实情况：很多人以为它是"从零生成"的魔法工具，结果发现"没那么惊艳"
本质认知：Claude Design是设计资产复用引擎，不是从零创造工具
它的价值是：你做过3个页面，现在想做第4个，它瞬间复用前3个的设计语言
它不适合："我什么素材都没有，帮我做个苹果官网那种设计"
解决方案：调整预期——把它当作"设计加速器"而不是"设计替代品"
六、和其他工具的本质区别
很多人拿它和v0/Lovable/Figma比，但定位完全不同：
v0/Lovable：从Prompt直接生成代码，适合快速做MVP Demo
Claude Design：从设计系统生成品牌原型，适合产品迭代和团队协作
Figma：专业设计工具，适合精细化设计和交付
用人话说：
v0是"快餐"（快速填饱肚子）
Claude Design是"半成品菜"（有基础调料包，你组合出新菜）
Figma是"米其林厨房"（专业但费时间）
整理出这份史上最全的，从认知到实操的完整claude design教程👇
一、Claude Design是什么（3分钟建立认知）
不是Figma杀手，不是AI设计师
它的本质是设计资产编译器——你喂给它已有的设计系统（代码库/UI Kit/品牌指南），它把这些"静态资产"编译成可交互原型
核心能力三件套：
读取你的设计系统（颜色/字体/组件/布局规则）
根据文字描述生成符合品牌调性的原型（网页/App/幻灯片）
实时可视化调整（改颜色/字体/间距不需要重新生成）
适合谁用：
独立开发者：快速验证产品想法，3分钟出可点击Demo
非技术创始人：把脑子里的页面描述出来，直接交给开发
设计师：1小时输出10个风格变体，省掉手搓Figma的时间
不适合谁：
期待"一句话做出苹果官网"的人（它是复用工具，不是创造工具）
没有任何设计资产的纯小白（需要先有参考素材，不管你是通过什么方式获取）
二、提示词泄露的核心发现（建立理解框架）
推特上一堆人在解读"13个模块+30个函数"，但从PM视角看，真正重要的只有3个底层规则：
规则1：上下文优先原则（最重要）
泄露提示词里写得很明确："永远不要从零开始设计，必须先读取用户提供的设计系统、UI Kit、代码库、品牌指南。凭空mock是最后手段"
翻译成人话：Claude Design不是"生成式AI"，而是"编译式AI"——它需要你先给"源代码"（已有设计资产），然后帮你"编译"成新原型
这就是为什么有人说"AI味太重"，有人说"效果炸裂"——区别就在于有没有上传设计系统
规则2：反AI Slop铁律（写死在系统里）
提示词里有一整段专门定义什么是"AI垃圾设计"：
禁止填充内容、假数据、随机图标
禁止激进渐变、默认圆角+左边框强调、过度emoji
禁止Inter/Roboto等常见字体
每个元素必须"earn its place"（有存在理由）
这条规则的意思是：如果你的提示词里没说清楚品牌调性，Claude会严格避开所有"AI常用套路"，输出极简风格——而不是像其他工具一样默认给你紫色渐变
规则3：6步工作流闭环
Claude Design内置了产品交付流程：
理解需求（主动追问）
→ 探索资源（读取设计资产）
→ 规划todo
→ 构建结构
→ 交付验证（自动检查质量）→ 总结建议
这不是Prompt魔法，而是把PM的需求管理流程写进了系统提示词
三、从零上手完整SOP（10分钟跑通第一个案例）
Step 1：准备设计系统（决定90%的输出质量）
去 claude design，点击Import按钮，上传以下任意一种：
你之前做过的网站/App截图（3-5张）
品牌指南PDF（包含配色和字体）
代码库链接（Claude会自动提取设计token）
参考网站URL（用网页捕获工具抓取元素）
如果你什么都没有：去 dribbble.com 找3张风格接近的页面截图，上传并告诉Claude"参考这些页面的视觉风格"
Step 2：选择项目类型
界面顶部有4个模式：
Prototype：可点击网页/App原型（最常用）
Slide Deck：演示文稿/Pitch Deck
Template：可重用的页面模板
Freeform：自由画布（混合多种输出）
新手建议从Prototype开始
Step 3：写提示词（按固定结构）
一个好的提示词包含4个要素：
[目标] 创建一个 [类型]
[主题] 用于 [具体场景]
[布局] 包含 [具体模块列表]
[风格] 风格 [视觉描述]，避免AI slop
举例：
创建一个SaaS仪表盘原型
用于AI写作工具的数据分析后台
包含：左侧导航（文章管理/数据统计/设置）、顶部搜索、4个KPI卡片、文章列表表格
风格极简专业，使用冷色调，避免AI slop（无默认渐变/emoji/Inter字体）
Step 4：用Tweaks面板调整细节
生成后右侧会出现可视化调整面板，可以实时修改：
颜色（主色/辅助色/背景色）
字体（标题/正文）
间距（紧凑/标准/宽松）
布局（单栏/双栏/网格）
重点：这些调整不消耗额外token，放心拖动
Step 5：导出或交付
点击Export，选择格式：
HTML：可部署的完整网页（适合直接上线或演示）
Canva：导出到Canva继续编辑
PPTX/PDF：演示文稿格式
Handoff to Claude Code：转成生产代码交给开发
四、5个可复制的实战案例
每个案例包含：场景 → 提示词 → 输出效果 → 应用建议
案例1：SaaS产品仪表盘
场景：你要做一个内容管理系统的后台页面
提示词：
上传我的设计系统，创建现代SaaS仪表盘原型
主题：内容管理系统后台
包含：左侧导航（内容库/数据分析/用户管理）、顶部搜索栏、4个KPI卡片（总文章数/总阅读量/活跃用户/转化率）、内容列表表格
风格极简专业，避免AI slop
输出可交互HTML + Tweaks面板
输出效果：完整可点击仪表盘（React+响应式），左侧导航可切换，表格可排序
应用建议：先生成框架，用Tweaks调颜色，满意后导出HTML发给开发参考
案例2：创业项目Pitch Deck
场景：你要向投资人展示AI产品
提示词：
创建8页Pitch Deck
主题：AI写作助手，帮助内容创作者10倍提效
风格：专业现代极简
包含：封面（产品名+slogan）、问题（内容创作者的3大痛点）、解决方案（我们的核心功能）、产品演示（3-4个功能截图）、商业模式、市场规模、团队介绍、融资计划
每页带speaker notes，可导出PPTX
输出效果：完整8页幻灯片，自动配图和排版，每页带演讲提示
应用建议：生成后用Tweaks换主题色，导出PPTX在本地微调文案
案例3：移动App交互原型
场景：你要演示一个待办事项App的核心流程
提示词：
使用移动UI最佳实践，创建待办事项App交互原型
首页：任务列表（今天/本周/全部） → 点击添加按钮 → 弹出新建任务表单 → 填写后保存 → 返回列表显示新任务
风格：干净科技感，使用卡片式布局
支持点击切换页面、动画过渡
输出带iPhone边框的可交互原型
输出效果：完整可点击移动原型（iPhone 14边框），支持页面切换动画
应用建议：发给用户测试交互流程，根据反馈调整后再开发
案例4：产品Landing Page
场景：你要为AI工具做一个着陆页
提示词：
创建高转化着陆页
主题：AI写作助手，让内容创作快10倍
包含：Hero区（大标题+副标题+CTA按钮+产品截图）、核心功能网格（3个功能模块）、用户评价（3条真实反馈）、定价表格（免费版/专业版/团队版）、底部CTA
颜色使用科技蓝+白色，完全响应式，避免AI slop
输出效果：完整可部署HTML着陆页，移动端自适应
应用建议：导出HTML，部署到Vercel或Netlify做落地页
案例5：设计系统组件库
场景：你要为团队建立统一的UI组件库
提示词：
读取我上传的代码库，生成完整设计系统组件库
包括：颜色系统（主色/辅助色/语义色）、字体系统（标题/正文/代码）、基础组件（按钮/输入框/卡片/弹窗）
输出3个视觉变体（极简风/科技风/品牌风），每个组件带交互状态+Tweaks面板
输出效果：完整组件库展示页，3套主题可切换，可导出Figma
应用建议：团队第一次使用Claude Design时跑这个，后续所有项目自动继承
五、3个致命避坑点（真实约束和解决方案）
坑1：Token消耗远超预期
真实情况：一个复杂原型可能消耗几万tokens，Pro用户跑2-3个设计就会触发限额暂停，Reddit有用户2个prompt被停服务几小时
解决方案：
别一上来就让它"生成完整网站"，先做单页原型
用Tweaks面板调整细节（不消耗token），满意后再扩展到其他页面
如果是长期使用，考虑Max订阅（限额更高）
坑2：不上传设计系统=AI味拉满
真实情况：如果不上传UI Kit/品牌指南，Claude会用内置的"通用设计系统"——也就是那些被吐槽的"很AI"的极简风格
解决方案：
第一次使用时必须上传参考素材（截图/品牌色/代码库任选其一）
如果实在没有，去Dribbble找3张喜欢的设计截图上传
上传后系统会自动提取设计token，后续项目都继承
坑3：误判工具定位导致失望
真实情况：很多人以为它是"从零生成"的魔法工具，结果发现"没那么惊艳"
本质认知：Claude Design是设计资产复用引擎，不是从零创造工具
它的价值是：你做过3个页面，现在想做第4个，它瞬间复用前3个的设计语言
它不适合："我什么素材都没有，帮我做个苹果官网那种设计"
解决方案：调整预期——把它当作"设计加速器"而不是"设计替代品"
六、和其他工具的本质区别
很多人拿它和v0/Lovable/Figma比，但定位完全不同：
v0/Lovable：从Prompt直接生成代码，适合快速做MVP Demo
Claude Design：从设计系统生成品牌原型，适合产品迭代和团队协作
Figma：专业设计工具，适合精细化设计和交付
用人话说：
v0是"快餐"（快速填饱肚子）
Claude Design是"半成品菜"（有基础调料包，你组合出新菜）
Figma是"米其林厨房"（专业但费时间）
0 00
花了五分钟，用 Claude Design 重构了我的个人blog网站
主要是找了几个我认为比较好的设计网站，提取了他们的UI 风格和设计基线，直接让claude design帮我优化了自己的blog
像我们之前如果要做一次这么大的改版，可能又得用stitch，又得用各种skill
但是claude design能帮我在数分钟之内重新定义我的网站设计
这就是工具的代差，说实话，我都觉得有点可怕....
主要是找了几个我认为比较好的设计网站，提取了他们的UI 风格和设计基线，直接让claude design帮我优化了自己的blog
像我们之前如果要做一次这么大的改版，可能又得用stitch，又得用各种skill
但是claude design能帮我在数分钟之内重新定义我的网站设计
这就是工具的代差，说实话，我都觉得有点可怕....
3 01
太兴奋了，今天晚上我刚开始研究，就意识到claude desgin究竟发明了什么
以往ai设计的痛点主要有：
1.ai无法设计出优秀的设计系统，导致每个页面的风格不统一，哪怕依赖于IDE中的design也没办法保持他的统一性，所以需要人来调整，ai辅助
2.如果我们看到更好的网站设计，我们如何融入到我们的产品中
但是claude design很好的解决了这一点，因为所有的设计都应该先经过claude design，相当于ai时代的设计师
相当于我把UI设计师整体外包了
对于产品经理来说，也是意义非凡，以往我们都依赖于AI编程来设计html原型，但是也仅限于原型，产品经理只有看到设计师出设计稿的那一刻，才知道自己要的究竟是哪种设计感觉
现在好了，ai设计师来了，感觉不对就让ai自己迭代优化，问我问题，比人和人的沟通和描述成本小多了
以往ai设计的痛点主要有：
1.ai无法设计出优秀的设计系统，导致每个页面的风格不统一，哪怕依赖于IDE中的design也没办法保持他的统一性，所以需要人来调整，ai辅助
2.如果我们看到更好的网站设计，我们如何融入到我们的产品中
但是claude design很好的解决了这一点，因为所有的设计都应该先经过claude design，相当于ai时代的设计师
相当于我把UI设计师整体外包了
对于产品经理来说，也是意义非凡，以往我们都依赖于AI编程来设计html原型，但是也仅限于原型，产品经理只有看到设计师出设计稿的那一刻，才知道自己要的究竟是哪种设计感觉
现在好了，ai设计师来了，感觉不对就让ai自己迭代优化，问我问题，比人和人的沟通和描述成本小多了
2 00
Claude Design有个隐藏门槛:
官方教程都在教你上传自己的品牌素材,或者让ai自己对话生成
但我们真正落地在生产级项目，我们需要稳定高效的产出
大厂花了几百万美金、几十个设计师打磨出来的设计系统,人家开源了,你为什么不直接拿来用？
借用成熟设计系统,是超级个体最高效的冷启动
我测了一圈,给你三条能直接上手的路径:
路径1: 直接搬运大厂开源系统
Material Design、Fluent Design这两套是工业级标准,组件全、文档清晰、还有Figma源文件
具体操作:
去Figma Community搜"Material Design System"或"Fluent UI Kit",免费下载
导出关键页面的截图+CSS样式表
整个打包扔给Claude Design,让它自动提取颜色、字体、间距规则
十分钟后你就有了一套可复用的品牌系统
这招的本质是站在巨人肩膀上建立你的设计语言,不是抄袭,是复用经过市场验证的视觉逻辑
路径2: 用Tailwind生态的现成UI Kit
如果你做的是Web产品,Preline UI、TailGrids这类开源库更实用——它们本身就是用Tailwind CSS写的,和Claude Design的代码输出无缝对接
这类库的好处是拿来即用
640+免费组件,深色模式、响应式布局都配好了
自带Figma设计系统,可以直接导入Claude
生成的代码可以无修改部署,省掉工程师返工的时间
路径3: 混搭式改造(进阶玩法)
当你跑通前两条路,就可以开始做"有限定制":
从Material里拿组件库
从Untitled UI里拿布局范式
把你自己的品牌色和字体替换进去
让Claude帮你重新生成一份"混血"设计系统
这个玩法的关键是保持克制——不要改太多,改的越多越容易翻车,我们没时间在视觉规范上死磕
pm视角的提醒:
设计系统不是用来炫技的,是用来降低决策成本的
当你每次做页面都要纠结"这个按钮用什么颜色""间距是8px还是12px",你的认知容量就被消耗光了
借用成熟设计系统的本质,是把"审美决策"外包给已经被验证过的方案,让你把精力放在产品逻辑和用户价值上
Claude Design只是工具,真正值钱的是你选对了输入——
输入垃圾素材,输出也是垃圾
输入大厂沉淀十年的设计语言,输出就是工业级产品
这才是我们应该有的方法论
官方教程都在教你上传自己的品牌素材,或者让ai自己对话生成
但我们真正落地在生产级项目，我们需要稳定高效的产出
大厂花了几百万美金、几十个设计师打磨出来的设计系统,人家开源了,你为什么不直接拿来用？
借用成熟设计系统,是超级个体最高效的冷启动
我测了一圈,给你三条能直接上手的路径:
路径1: 直接搬运大厂开源系统
Material Design、Fluent Design这两套是工业级标准,组件全、文档清晰、还有Figma源文件
具体操作:
去Figma Community搜"Material Design System"或"Fluent UI Kit",免费下载
导出关键页面的截图+CSS样式表
整个打包扔给Claude Design,让它自动提取颜色、字体、间距规则
十分钟后你就有了一套可复用的品牌系统
这招的本质是站在巨人肩膀上建立你的设计语言,不是抄袭,是复用经过市场验证的视觉逻辑
路径2: 用Tailwind生态的现成UI Kit
如果你做的是Web产品,Preline UI、TailGrids这类开源库更实用——它们本身就是用Tailwind CSS写的,和Claude Design的代码输出无缝对接
这类库的好处是拿来即用
640+免费组件,深色模式、响应式布局都配好了
自带Figma设计系统,可以直接导入Claude
生成的代码可以无修改部署,省掉工程师返工的时间
路径3: 混搭式改造(进阶玩法)
当你跑通前两条路,就可以开始做"有限定制":
从Material里拿组件库
从Untitled UI里拿布局范式
把你自己的品牌色和字体替换进去
让Claude帮你重新生成一份"混血"设计系统
这个玩法的关键是保持克制——不要改太多,改的越多越容易翻车,我们没时间在视觉规范上死磕
pm视角的提醒:
设计系统不是用来炫技的,是用来降低决策成本的
当你每次做页面都要纠结"这个按钮用什么颜色""间距是8px还是12px",你的认知容量就被消耗光了
借用成熟设计系统的本质,是把"审美决策"外包给已经被验证过的方案,让你把精力放在产品逻辑和用户价值上
Claude Design只是工具,真正值钱的是你选对了输入——
输入垃圾素材,输出也是垃圾
输入大厂沉淀十年的设计语言,输出就是工业级产品
这才是我们应该有的方法论
7 010
prompt工程指的是如何更好的和ai表达需求，具体体现的就是你的提示词技巧
context工程指的是ai需要知道什么，才能更好的帮你完成任务
harness工程则更加底层，LLM + workflow + rule + skill + hook +tool= 任意服务
context工程指的是ai需要知道什么，才能更好的帮你完成任务
harness工程则更加底层，LLM + workflow + rule + skill + hook +tool= 任意服务
4 00
感觉很多人扔了很多harness的内容，但是还是讲不清楚，总是让人一知半解的
我来说下我的理解，不一定对，但是一定能让你听懂：
一句话总结：AI Agent = Model（马） + Harness（缰绳） + Goal（方向） + 反馈环。
模型已经够聪明，Harness工程决定了它能不能真正干活而不翻车
Harness = 模型周围的一切（指令、工具调用、记忆、tracing、审批、断点续跑、上下文压缩）
四大实用原则（来自其他博客）：
能用代码约束的，绝不用Prompt求模型自觉（e.g. JSON Schema验证器直接拒收非法输出）。
关键状态必须外置（state.json、Git持久化），而不是全塞上下文
模型输出不能自评，必须第三方Evaluator（独立模型或实际执行验证）
失败局部化（单个工具崩了只重试这一步，不连累整个流程）
关键基础设施：
1.可观测性（记录Agent全过程日志，用轻量模型做摘要+标签）
2.上下文管理（防止Context Rot，定期压缩/清理）
3.自我验证循环 + 指数退避重试
4.架构约束外部化
实际影响
工程师角色转变：
1.未来最强工程师不是码得最快，而是“给最快的马设计最强缰绳”的人。
你搭好环境、目标、奖励函数，Agent就能自己迭代
那普通人如何搭出自己的agent？
直接套开源框架
有哪些开源框架可以套？直接问ai
我来说下我的理解，不一定对，但是一定能让你听懂：
一句话总结：AI Agent = Model（马） + Harness（缰绳） + Goal（方向） + 反馈环。
模型已经够聪明，Harness工程决定了它能不能真正干活而不翻车
Harness = 模型周围的一切（指令、工具调用、记忆、tracing、审批、断点续跑、上下文压缩）
四大实用原则（来自其他博客）：
能用代码约束的，绝不用Prompt求模型自觉（e.g. JSON Schema验证器直接拒收非法输出）。
关键状态必须外置（state.json、Git持久化），而不是全塞上下文
模型输出不能自评，必须第三方Evaluator（独立模型或实际执行验证）
失败局部化（单个工具崩了只重试这一步，不连累整个流程）
关键基础设施：
1.可观测性（记录Agent全过程日志，用轻量模型做摘要+标签）
2.上下文管理（防止Context Rot，定期压缩/清理）
3.自我验证循环 + 指数退避重试
4.架构约束外部化
实际影响
工程师角色转变：
1.未来最强工程师不是码得最快，而是“给最快的马设计最强缰绳”的人。
你搭好环境、目标、奖励函数，Agent就能自己迭代
那普通人如何搭出自己的agent？
直接套开源框架
有哪些开源框架可以套？直接问ai
3 00
2026年该去哪场AI大会
我的答案是:不看预算直接锁定这一场——Baidu Create 2026(5月13-14日,北京)
先说结论:如果你是中文开发者,或者正在琢磨怎么用AI搞点事情(尤其是想做超级个体/一人公司),这场会能直接帮你省掉3个月的弯路
为什么不是GTC、不是Google I/O？
我知道NVIDIA GTC(3月刚结束)、Google I/O这些大会很性感,黄仁勋的皮衣、硅谷的氛围、最前沿的GPU架构
但对于大多数人来说,这些会更像是看别人家孩子拿奖——你看到了技术天花板,却摸不到落地的梯子
在这份2026年最值得关注的十大AI开发者大会榜单中，Create 2026是门槛最低、最适合国内受众、最值得打卡的大会。
它解决的是普通人怎么用AI赚到第一笔钱这个更现实的问题
今年主题是"万物一体"(Agents at Scale),翻译成人话就是:
让Agent(智能体)真正跑进你的工作流、你的产品、你的生意里
三个你必须关注的理由
1. 超级个体专场,这是全球首个
Create 2026今年单独开了一个"超级个体主论坛",这在全球AI大会里是头一回
现场很可能会发布专门为一人公司打造的产品矩阵,核心是降低技术门槛
这不是PPT上的概念,百度妙搭生态已经创造了超50亿元商业价值,有人用它几小时就做出了MBTI测试小程序并开始变现
2. 离"中国市场"最近的那场会
如果你服务的客户在国内,或者你想在中文互联网里找机会,那GTC上讲的那些东西,你拿回来还得做本地化翻译
Create直接给你现成的:
文心大模型的最新能力(这是你能直接调用的API)
百度智能云的AI Infra(算力怎么租、怎么省钱)
行业落地案例(零售、金融、制造业怎么用Agent)
更关键的是,现场有30+公开课、20+分论坛,全程中文,你能直接问工程师你的技术卡点
3. 免费,而且能动手
主论坛、分论坛、公开课、10000㎡展区,全部免费开放
现场还有开放麦、迷你黑客松这种边学边做的环节,你可以带着自己的想法去,现场调教Agent,甚至直接对接资源
这比你在家刷文档、看教程的效率高太多
给你一个行动清单
现在:去官网(create2026.events.net.cn)注册,主论坛免费但位置有限
会前:列出你最想解决的3个问题(比如"怎么用AI做内容分发""Agent怎么接入微信生态")
会中:直奔超级个体论坛+公开课,少拍照多记笔记
会后:加入百度AI开发者社群,后续会有配套资源和扶持计划
2026年是超级个体元年,这不是我说的,是美国创业数据平台Carta的报告:2025年上半年美国单人创始公司占比已经达到46.3%,创历史新高
中国也在跟进,深圳、广东已经出台了专门扶持AI一人公司的政策
窗口期就这么几个月,Create 2026是你能抓住的、成本最低的那个入口
5月13-14日,我也会去，大家北京见
我的答案是:不看预算直接锁定这一场——Baidu Create 2026(5月13-14日,北京)
先说结论:如果你是中文开发者,或者正在琢磨怎么用AI搞点事情(尤其是想做超级个体/一人公司),这场会能直接帮你省掉3个月的弯路
为什么不是GTC、不是Google I/O？
我知道NVIDIA GTC(3月刚结束)、Google I/O这些大会很性感,黄仁勋的皮衣、硅谷的氛围、最前沿的GPU架构
但对于大多数人来说,这些会更像是看别人家孩子拿奖——你看到了技术天花板,却摸不到落地的梯子
在这份2026年最值得关注的十大AI开发者大会榜单中，Create 2026是门槛最低、最适合国内受众、最值得打卡的大会。
它解决的是普通人怎么用AI赚到第一笔钱这个更现实的问题
今年主题是"万物一体"(Agents at Scale),翻译成人话就是:
让Agent(智能体)真正跑进你的工作流、你的产品、你的生意里
三个你必须关注的理由
1. 超级个体专场,这是全球首个
Create 2026今年单独开了一个"超级个体主论坛",这在全球AI大会里是头一回
现场很可能会发布专门为一人公司打造的产品矩阵,核心是降低技术门槛
这不是PPT上的概念,百度妙搭生态已经创造了超50亿元商业价值,有人用它几小时就做出了MBTI测试小程序并开始变现
2. 离"中国市场"最近的那场会
如果你服务的客户在国内,或者你想在中文互联网里找机会,那GTC上讲的那些东西,你拿回来还得做本地化翻译
Create直接给你现成的:
文心大模型的最新能力(这是你能直接调用的API)
百度智能云的AI Infra(算力怎么租、怎么省钱)
行业落地案例(零售、金融、制造业怎么用Agent)
更关键的是,现场有30+公开课、20+分论坛,全程中文,你能直接问工程师你的技术卡点
3. 免费,而且能动手
主论坛、分论坛、公开课、10000㎡展区,全部免费开放
现场还有开放麦、迷你黑客松这种边学边做的环节,你可以带着自己的想法去,现场调教Agent,甚至直接对接资源
这比你在家刷文档、看教程的效率高太多
给你一个行动清单
现在:去官网(create2026.events.net.cn)注册,主论坛免费但位置有限
会前:列出你最想解决的3个问题(比如"怎么用AI做内容分发""Agent怎么接入微信生态")
会中:直奔超级个体论坛+公开课,少拍照多记笔记
会后:加入百度AI开发者社群,后续会有配套资源和扶持计划
2026年是超级个体元年,这不是我说的,是美国创业数据平台Carta的报告:2025年上半年美国单人创始公司占比已经达到46.3%,创历史新高
中国也在跟进,深圳、广东已经出台了专门扶持AI一人公司的政策
窗口期就这么几个月,Create 2026是你能抓住的、成本最低的那个入口
5月13-14日,我也会去，大家北京见
3 00