AI Design News
No. 022No. 024
Wednesday, June 10, 2026·Issue 023
Today's brief from the design transformation era

设计思维重塑 AI时代的设计与系统

从设计师到系统架构师,AI技术引发的行业变革。

在AI技术迅速发展的今天,设计领域正经历着从操作工到系统架构师的转变。设计师的角色正在被重新定义,系统架构成为设计的核心,而Agent技能的开源则预示着云产品接入的新纪元。

GitHub Trending · Daily·96 days ago

Addy Osmani 开源 Agent Skills:AI 编码 Agent 的产级工程规范

addyosmani/agent-skills

Addy Osmani 发布了一套面向 AI 编码 Agent 的生产级工程技能包,通过 7 个 slash 命令覆盖从需求定义到上线的完整开发周期。它将资深工程师的工作流、质量门禁和最佳实践编码为 Agent 可自动执行的技能,并支持 Claude Code 即装即用。

✎ Author's take
Addy Osmani 提供的 AI 编码 Agent 生产级技能包,通过 slash 命令覆盖完整开发周期,对资深工程师来说,可以将工作流程自动化,提升效率。
Continue at github.com
GitHub Trending · Daily·99 days ago

OpenAI 开源 Codex 插件仓库:内置 Figma/Notion 官方示例

openai/plugins

OpenAI 在 GitHub 上开源了官方 Codex 插件示例仓库,涵盖 Figma、Notion、iOS、Web 及 Expo 等平台的标准化模板。设计工程师可直接复用其 manifest 与技能配置,把 AI 能力无缝嵌入设计系统与全栈开发工作流,省去从零搭建插件架构的成本。

✎ Author's take
OpenAI 官方 Codex 插件示例仓库,涵盖 Figma、Notion、iOS、Web 及 Expo 等平台的标准化模板。
Continue at github.com
Simon Willison·101 days ago

MicroPython + WASM 浏览器沙箱跑 Python

Running Python code in a sandbox with MicroPython and WASM

Simon Willison 发布 micropython-wasm,将 MicroPython 编译为 WebAssembly,实现浏览器或 Node 环境中安全执行 Python 代码。无需后端即可隔离运行用户脚本,已用于 Datasette Agent 插件。对需在 AI 工作流或交互原型中嵌入代码执行能力的设计师与开发者,这是一条轻量且安全的实现路径。

✎ Author's take
Simon Willison 一出手就是准工业级原型。对设计工程师而言,这意味着做 AI 原型时无需再为“让用户写 Python”搭复杂后端——直接在前端 WASM 沙箱跑即可。方向已很明确:浏览器原生代码执行能力正在补齐,那些还在用 Docker 跑用户代码的团队该重新审视技术栈了。
Continue at simonwillison.net
GitHub Trending · Daily·97 days ago

Google 开源官方 Agent Skills,Cloud 全系产品一键接入

google/skills

Google 在 GitHub 开源 Agent Skills,涵盖 Gemini、BigQuery、Cloud Run 等全系产品。用户可通过 npx 一键安装,让 AI Agent 直接调用 Google Cloud 能力,显著降低云产品上手的工程门槛。

✎ Author's take
google/skills 是 Google 开源的 Agent Skills 项目,涵盖 Gemini、BigQuery、Cloud Run 等全系产品,显著降低云产品上手的工程门槛。
Continue at github.com
GitHub Trending · Daily·97 days ago

Claude Code 实战手册:15 分钟上手到 Agent 编排

luongnv89/claude-howto

这份登顶 GitHub Trending 的 Claude Code 开源指南,提供从基础命令到 Agents、Hooks、MCP 服务器的结构化学习路径。通过可视化教程与可复制粘贴的模板,它把零散功能串成自动化代码审查等生产级工作流,直接补上官方文档“只讲功能不讲组合”的缺口。

✎ Author's take
官方文档讲“有什么”,这个仓库讲“怎么串成工作流”——正是设计工程师最缺的 glue layer。从 slash 命令到 subagent 的即贴模板,能把 Claude Code 变成自动化审查流水线。社区指南比官方更懂痛点:不搞 Hello World,直接上生产级组合技。建议周末花两小时跑一遍,下周工作流直接改头换面。
Continue at github.com
Lenny's Newsletter·97 days ago

Claude Fable 5 实测:Mythos 级模型的高光与硬伤

Claude Fable 5 review: what the new Mythos model gets right (and very wrong)

Claire Vo 在 Lenny's Newsletter 发布 Claude Fable 5 一手评测,这是首款向公众开放的 Mythos 级模型。文章通过产品图谱规范、技能注册表和多智能体编排三个真实工作流测试,指出其在架构设计和安全分类上的优势,也批评了执行过于保守的问题,为产品团队评估是否接入提供了实操参考。

✎ Author's take
设计师别只看 benchmark 分数。Claire Vo 用 skills registry 和 multi-agent orchestration 这种真实工作流来测,直接关乎 AI 设计系统的搭建逻辑。但注意她的警告:Fable 5 执行极度保守,能帮你把架构图捋清楚,却不会替你写代码——设计工程师得自己接好最后一公里,别指望它一步到位。
Continue at lennysnewsletter.com
Lenny's Newsletter·100 days ago

iPod 之父 Tony Fadell:AI 时代如何保持品味与判断力

Father of the iPod and iPhone on building taste, judgment, and creativity in the AI era | Tony Fadell

iPod 与 iPhone 缔造者 Tony Fadell 在访谈中回顾苹果早期硬件设计争议与产品决策逻辑,并尖锐指出 AI 时代最大风险是“认知投降”。对设计师而言,这份来自顶级硬件产品人的提醒直指当下最危险的陷阱:当 AI 辅助设计泛滥,人类品味与最终决策权不能被算法稀释。

✎ Author's take
当所有人都在用 AI 出图和写代码时,Fadell 这盆冷水泼得正是时候:别把你的品味外包给算法。iPhone 放弃物理键盘不是靠 A/B 测试,而是基于观点的决断——这种“不讲理的品味”正是当前 AI 设计工作流里最稀缺的。执行可以交给 AI,但决策和审美必须长在人身上。
Continue at lennysnewsletter.com
Latent Space·103 days ago

Satya Build 对谈:Microsoft 的 Frontier Intelligence 平台化野望

⚡️Satya Nadella: No Priors x Latent Space Crossover Special at Microsoft Build

Latent Space 与 No Priors 在 Build 现场对谈 Satya Nadella。Satya 将 Microsoft 定位为 Frontier Intelligence Platform,借 OpenClaw、Scout 与 Work IQ 让企业获得超额价值;同时直面 Tokenmaxxing、SaaS 终结等 AI ROI 困境,并借 Kevin Scott 提出以 AI 解决教育与社会影响的宏大叙事。

✎ Author's take
Satya 把 'Bill Gates Line' 搬到 AI 时代,本质是让微软抽水、企业当佃农。'Token IP' 和 'End of SaaS' 是对软件收租的重新定价。设计工程师的每个界面都会被 Work IQ 吞进微软上下文层——要么现在争夺设计自主权,要么被 Tokenmaxxing 优化掉。
Continue at latent.space
Stratechery·98 days ago

iPhone 的最后一战

The iPhone’s Last Stand

微软在 Build 大会提出 Project Solara 愿景:未来硬件不再是独立计算设备,而是云端 AI agent 的交互入口。这意味着“瘦客户端”走向极致,本地算力价值被稀释,直接冲击以端侧智能为核心的 iPhone 生态,也预示着人机交互从“打开 App”转向“委托任务”的范式迁移。

✎ Author's take
别再死磕像素级 UI。若设备沦为 agent 的“玻璃”,设计师的核心战场将彻底离开 Figma 画板,转向跨端意图流与云端反馈环。本地界面越薄,越考验精准度和信任感——只会堆叠控件的设计师面临降维打击,能驾驭全链路 Agent 体验的人则将攫取更大话语权。
Continue at stratechery.com
UX Collective·101 days ago

AI 时代,走太快的心理代价

The psychological cost of moving too fast

当 AI 编程工具让‘造错东西’的财务成本趋近于零时,作者指出真正的代价转移到了心理层面:跳过发现阶段会导致‘设计固着’,一旦原型成型,团队便因沉没成本而丧失转向能力。因此 UX 设计师仍需捍卫前期探索,而非盲目追求速度。

✎ Author's take
在人人用 Cursor 赶工原型的当下,这是一剂解毒剂。它戳破‘快就是好’的迷思:代码越廉价,思考深度越稀缺。对设计工程师而言,捍卫发现阶段不是怀旧,而是避免团队因沉没成本陷入认知僵局的生存策略。别让自己沦为 AI 的点击工人。
Continue at uxdesign.cc
UX Collective·98 days ago

AI 设计不丑,太流畅才是问题

AI design isn’t ugly. It’s fluent — and that’s the problem.

Claude Design、Lovable 与 v0 等工具正产出高度同质化的“流畅”界面,作者以圣路易斯被炸毁的住宅项目为隐喻,指出这种表面的完美正在抹杀设计多样性,重塑行业的美学标准与价值取向。

✎ Author's take
别再为 AI 界面的“专业感”鼓掌。这篇文章戳破了 AI 设计工具最大的泡沫:当 Claude Design、Lovable 和 v0 都在输出同一种“流畅”美学时,设计师不是被增强,而是被驯化。对设计工程师而言,这是及时警示——如果你不建立设计批判性,AI 只会帮你在互联网上批量浇筑千篇一律的混凝土板房。
Continue at uxdesign.cc
Smashing Magazine·104 days ago

让设计系统为 AI 做好准备

How To Make Your Design System AI-Ready

AI生成原型质量不稳,往往源于设计系统中未被记录的决策和硬编码值。Atlassian的Hardik Pandya提出将设计决策视为基础设施写入规范文件供AI消费,并借助FigmaLint审计token、状态与可访问性,从源头减少AI产出的偏差与错误。

✎ Author's take
别幻想AI能看懂设计稿了。文章直指:没有显式记录的决策逻辑和token语义,再强的模型也只能产出垃圾。对设计工程师,这是把设计权威写入基础设施的实战路径;对纯视觉设计师,这是记警钟——缺乏系统思维,你连给AI提需求的资格都会被取代。
Continue at smashingmagazine.com
GitHub Trending · Daily·104 days ago

生产级 Agentic RAG 系统 4 周实战课

jamwithai/production-agentic-rag-course

登顶 GitHub Trending 的开源实战课,带你用 Docker、FastAPI、OpenSearch 从零搭建 arXiv 论文策展系统。它强调先掌握 BM25 关键词搜索,再叠加向量语义检索的混合搜索路径,适合想深入 AI 工程底层的设计工程师建立系统级认知。

✎ Author's take
别再做只会调 API 的设计师。这门课逼你理解检索底座——BM25 为何比纯向量更可靠、混合搜索如何平衡精度与召回。若你在做 AI 产品或 Design Agent,不懂 RAG 底层就妄谈“智能”是对用户的渎职。想升级为“系统设计者”,值得一战。
Continue at github.com
Sidebar·104 days ago

常见动效模式术语表

Motion vocabulary

这是一份收录常见动画模式的术语表资源,帮助设计师用标准化词汇描述动效需求。它解决了设计师与开发者沟通时描述不清、全靠比划的痛点,让动效需求的传达和协作更加精准高效。

✎ Author's take
设计师做动效最大的瓶颈是语言,不是技术。这个词汇表把'Duang一下再弹两下'翻译成专业术语,直接打通设计与开发的沟通黑箱。建议所有产品设计师放进书签,下次提动效需求别再伸手比划。
Continue at animations.dev
Smashing Magazine·97 days ago

认知包容性 UX 研究的实战价值

The Benefits Of Cognitive Inclusion In UX Research

Fable 创新 VP 分享主导专家工作组的一手经验:针对美国 13.9% 的认知障碍人群,团队从招募筛选、访谈指南到量化问卷,系统验证了包容性可用性测试的完整流程。这不仅是道德正确,更是 UX 研究员扩大产品覆盖面的切实路径。

✎ Author's take
认知障碍用户占美国人口近14%,却几乎是可用性测试里的“隐形人”。多数团队喊着包容,招募的却是清一色“典型用户”,本质上在系统性忽视最大残疾群体。Fable 这篇把招募、访谈、量化全落到了地上——如果你做用户研究却不考虑认知多样性,你的洞察从一开始就是残缺的。
Continue at smashingmagazine.com
Sidebar·98 days ago

CSS 完美居中的 100 种写法

How to center an element horizontally and vertically

该页面整理了 100 种在容器内将单个元素水平垂直居中的 CSS 方案。对设计工程师和前端开发者而言,这是一份可即查即用的速查手册,能快速对比不同写法的兼容性与适用场景,省去反复搜索的时间。

✎ Author's take
居中虽是前端老生常谈,但把 100 种解法做成互动工具本身就是工程思维。设计工程师不必死背口诀,打开页面按需挑选——grid、flex 还是绝对定位,一眼就能找到最贴合当前布局的方案,比翻 Stack Overflow 高效得多。
Continue at css-generators.com