AI Design News
No. 039No. 041
Sunday, June 28, 2026·Issue 040
Today's brief from the AI engineering desk

AI 工程化 实践与理论的融合

从生成式 AI 学习资源到工程团队构建的最佳实践

GitHub 上的 生成式 AI 学习资源大全 为广大设计师和工程师提供了全面的学习资料。与此同时,Cloudflare 的零门槛临时部署功能为 AI 设计和工程团队提供了即开即用的便利。Fiona Fung 的文章深挖了打造一个以 AI 为核心的工程团队的挑战与机遇。

Stratechery·83 days ago

Vibe Coding 实战:独立开发 App 的十条心得

My Vibe Coding Adventure, The App and the Experience, Ten Takeaways

Ben Thompson 在 Stratechery 发布长文,记录了自己通过 vibe coding 独立开发一款日常实用 App 的全过程,并提炼出十条关键经验。文章不仅呈现了 AI 编程在真实需求场景下的能力边界,更为设计师与工程师提供了可直接参考的实战工作流与避坑指南。

✎ Author's take
这不是"AI 能写代码了"的肤浅 demo,而是一个真实用户做完产品后的完整复盘。对设计工程师来说,vibe coding 正在抹平"设计-交付"之间的最后一公里;这篇的价值在于帮你少踩十个别人已经替你踩过的坑,直接决定你下周的 side project 是成品还是烂尾。
Continue at stratechery.com
Simon Willison·80 days ago

两千人试攻 AI 助手:6000 次注入全失败

What happened after 2,000 people tried to hack my AI assistant

一位开发者发起公开挑战,让两千人通过邮件对 OpenClaw AI 助手发起 6000 次提示注入攻击以窃取密钥。结果在 Opus 4.6 和明确的安全规则下全部失败,证明前沿模型的安全训练已显著生效,但作者强调这仍不足以支撑零后果的生产部署。

✎ Author's take
别再把提示注入当无法防御的借口了。这次众测证明,只要给足明确的系统级禁令,前沿模型能顶住数千次攻击。正在设计 AI Agent 的读者可以直接抄走文中的 prompt 模板——但如果你因此就敢让 AI 无条件操作生产环境,仍然是在裸奔。
Continue at simonwillison.net
GitHub Trending · Daily·77 days ago

video-use 开源:扔素材进文件夹,Claude Code 出成片

browser-use/video-use

browser-use 团队开源 video-use,让 Claude Code 等 AI Agent 自动完成粗剪、调色、字幕烧录与动画叠加。创作者只需把素材丢进文件夹、自然语言对话即可出片,将视频后期纳入 Agent 工作流,对需要批量产出演示或教程的设计师极具实操价值。

✎ Author's take
video-use 是一个自动化视频编辑工具,允许 AI Agent 完成视频粗剪、调色、字幕烧录和动画叠加,适合需要批量视频产出的设计师。
Continue at github.com
Lenny's Newsletter·78 days ago

Gusto CTO:弃用 Figma 与 Jira,用 Claude Code 10 周构建新产品

No Figma. No Jira. No docs. How Gusto built a new product line with Claude Code | Eddie Kim (CTO)

Gusto CTO Eddie Kim 带领 4 人团队,在 10 周内从零构建 AI 产品 Gusto Cofounder,全程弃用 Figma、Jira 和文档。团队采用「垃圾桶 PR」决策法、永久 Zoom 房间和 eval-first 工作流,甚至让无工程背景的设计师产出 94th percentile 的代码,展示了 AI 原生团队的最小协作范式。

✎ Author's take
这是目前最有分量的 AI 原生团队实战样本——不是初创公司的 hackathon,而是年收 10 亿美元公司的 CTO 亲自下场。Figma 和 Jira 被直接砍掉,设计师用自然语言直接产出生产级代码,传统设计交付链路正在崩塌。别把它当奇闻轶事,这是你未来 6 个月的工作预览:设计工程师的核心竞争力,将从「画得好」转向「说得清」。
Continue at lennysnewsletter.com
Simon Willison·85 days ago

Cloudflare 零门槛临时部署,AI Agent 即开即用

Temporary Cloudflare Accounts for AI agents

Cloudflare 发布临时账户,无需注册即可通过一行命令部署 Workers 项目,默认存活 60 分钟。Simon Willison 实测用 GPT-5.5 构建的 Agent 工具并成功上线,部署后可认领为永久账户。这直接省去了账号注册与权限配置的繁琐流程,对需要即时托管 AI Agent 或快速验证原型的设计工程师极为实用。

✎ Author's take
Cloudflare 这招表面给 AI agent 用的,实则是给所有想快速验证想法的人发了免门票通行证。对设计工程师而言,你和 AI 写的工具可秒级上线,不用再被注册、绑卡、配权限这些官僚流程打断心流。这才是云原生时代该有的基础设施——用完即走,好用再认领。
Continue at simonwillison.net
Lenny's Newsletter·83 days ago

GLM 5.2 实测:我为什么用它替换 Claude Code 里的 Opus

GLM 5.2: why I’m replacing Opus in Claude Code with this new model

作者实测GLM 5.2在Next.js项目中的架构审计、UI重设计和自主Bug追踪,600万token仅3.36美元,并给出接入Cursor与Claude Code的配置。这意味着设计工程师可用极低价格获得顶级编程能力,并摆脱供应商锁定。

✎ Author's take
这不是评测,是可执行的成本削减方案。3.36美元跑完600万token,动摇了高价闭源模型的合理性。Claude Code用户该立刻验证——省预算、脱离锁定,才是核心生产资料。
Continue at lennysnewsletter.com
Vercel·82 days ago

Vercel AI SDK 7 发布:从模型调用到 Agent 平台

AI SDK 7 is now available

Vercel 发布 AI SDK 7,从早期模型调用工具升级为支持文本、音频、实时、视频的多模态生产级 Agent 平台。新版本引入 Harness 层,可直接接入 Claude Code、Codex 等既有 Agent,并大幅改进了 MCP 集成与流式 UI 的可靠性。对前端与设计工程师而言,这是构建 AI 原生应用的新基准。

✎ Author's take
Vercel AI SDK 是设计工程师搭 AI 原型的默认基础设施,v7 直接从“API 工具包”升格为“Agent 平台”。Harness 层让把 Claude Code、Codex 等成熟 Agent 塞进产品像换组件一样简单。如果你还在用旧版写对话 demo,现在该升级了——但 breaking changes 不少,跑 codemod 前务必备份。
Continue at vercel.com
Lenny's Newsletter·86 days ago

Fiona Fung:打造最 AI-pilled 的工程团队

Building the most AI-pilled engineering team in the world | Fiona Fung (Manager of the Claude Code and Cowork Teams)

Claude Code 负责人 Fiona Fung 在最新专访中,首次披露 Anthropic 的 AI-native 工程实践:工程师季度代码产出达以往 8 倍,Claude routines 已重构管理者日常。她基于 25 年工程背景预判 AI 将颠覆的下一批角色,并指出上下文切换仍是行业未解的核心痛点。

✎ Author's take
这不是贩卖焦虑,而是一线领导者的一手复盘。Fiona 提出的「上下文切换」困境与「Claude routines」直接映射设计工程师的多文件协作流——未来不是设计师或工程师被淘汰,而是不会用 AI routines 重构工作流的人先出局。
Continue at lennysnewsletter.com
Stratechery·82 days ago

Figma CEO 专访:Canvas 是设计与 AI 的交汇点

An Interview with Figma CEO Dylan Field About Design and AI

Stratechery 专访 Figma CEO Dylan Field,回顾 Figma 从 WebGL 协作工具到 IPO 的历程,并深入探讨 AI 战略。Field 反驳市场“AI loser”叙事,认为 AI 是 tailwind,并在 Config 大会提出 Canvas 是设计与 AI 的自然交汇点,为设计师提供了关键的行业认知。

✎ Author's take
对每天打开 Figma 的设计师,这比股价重要:Field 不是在辩护,而是在争夺“AI 时代设计基础设施”的定义权。当市场把 Figma 视为 AI 输家时,他将 AI 重构为 Canvas 上的协作层,直接预示了你未来工作流的智能上下文如何嵌入。
Continue at stratechery.com
Nielsen Norman Group·80 days ago

把机器人踢出你的调研数据

Kick the Bots Out of Your Survey Data

NNG 针对公开渠道问卷中的机器人刷票问题,给出识别虚假响应与数据清洗的实操方法。文章涵盖 bot 行为特征与过滤标准,帮助产品团队避免假数据扭曲用户研究结论,是一份可直接落地的调研数据质检手册。

✎ Author's take
用户研究是设计师最容易自欺欺人的环节,AI 时代问卷机器人让大量数据沦为垃圾。NNG 这篇直接给出清洗标准与过滤清单,读完后你能立刻删掉近两成的脏响应。做用研的设计师必须补上这节数据防渗课。
Continue at nngroup.com
Lenny's Newsletter·79 days ago

OpenAI Codex 负责人谈产品工作的全新形态

OpenAI Codex lead on the new shape of product work | Andrew Ambrosino

OpenAI Codex 负责人 Andrew Ambrosino 在最新访谈中分享了 AI 时代产品工作的底层变化:他提出「品味」正成为 AI 优先环境中最核心的职业技能,并透露 OpenAI 内部已全员深度使用 Codex,以及产品经理在「人人能构建」时代的「区域防守」协作模式。

✎ Author's take
来自一线重塑者的自述。Ambrosino 对「品味」与「角色融合」的判断极其扎心:当 AI 让所有人都能构建,设计师和产品经理的护城河不再是执行速度,而是做选择的审美与决策框架。这不是趋势报告,是直接挑战你当下工作流的现场手记。
Continue at lennysnewsletter.com
Sidebar·82 days ago

AI 体验的分层:从界面到系统底层

The layers of AI experience

文章提出 AI 体验并非止于界面,而是由系统、约束与行为共同构成的多层结构。作者呼吁设计师必须将工作重心从 UI 表层下沉到规则与行为逻辑的设计,否则将无法真正掌控 AI 产品的核心体验。

✎ Author's take
当前 AI 设计界堆砌着界面话术,这篇文章却戳破窗户纸:真正的战场在系统底层。对设计工程师,约束与行为逻辑就是体验本身;对产品设计师,不掌握规则设计权只会沦为 AI 的粉饰匠。趁岗位还没被重构,赶紧读。
Continue at emilycampbell.co
GitHub Trending · Daily·82 days ago

Claude Code 最佳实践:Subagents、Skills 与 MCP 配置

shanraisshan/claude-code-best-practice

这个 GitHub 仓库系统整理了 Claude Code 的最佳实践,涵盖从基础命令到高级 Agents、Skills、MCP 服务器的配置方法,以及 Ultrareview、Devcontainers 等新功能。读者可直接复制配置文件和目录结构,将 vibe coding 升级为结构化的 agentic engineering 工作流。

✎ Author's take
系统整理了 Claude Code 的最佳实践,提供了从基础到高级配置的指导,为 Claude Code 用户提供了结构化的工作流参考。
Continue at github.com
Nielsen Norman Group·80 days ago

建立基线指标,证明UX真实影响力

Your New UX Habit: Establishing Baselines for Impact

NNG指出UX团队最常见的自我贬值并非工作质量差,而是测量太晚。文章建议在项目启动前就将建立基线变为团队习惯,先收集产品的初始表现数据,才能在后期的迭代中证明设计带来的真实改进,避免陷入无法量化价值的被动局面。

✎ Author's take
太多设计师埋头输出方案却从不记录起点,最后只能拿"感觉体验变好了"这种空话应付业务方。NNG用最务实的数据思维点破:没有基线的项目汇报本质上都是自说自话。这不是什么前沿工具,却是每个想从"交付设计"转向"证明价值"的产品设计师必须刻在脑子里的工作纪律。
Continue at nngroup.com
GitHub Trending · Daily·77 days ago

GitHub 热榜 system-design-101:图解复杂系统面试指南

ByteByteGoHq/system-design-101

ByteByteGo 的 system-design-101 仓库登上 GitHub Trending,以可视化方式拆解 API、负载均衡、HTTP/2、gRPC 等复杂系统概念。对需要理解技术底层的设计工程师而言,这是一份能直接查阅的协作语境手册,帮助在与后端、基础设施团队沟通时减少信息差。

✎ Author's take
system-design-101 仓库以可视化方式拆解复杂系统概念,帮助设计工程师理解技术底层。
Continue at github.com
GitHub Trending · Daily·86 days ago

生成式 AI 学习资源大全登 GitHub 热榜

aishwaryanr/awesome-generative-ai-guide

GitHub 趋势榜上的生成式AI综合仓库,汇总了月度精选论文、90余门免费课程、面试题库、实战 notebook 及最新认证课程。对想系统性补齐大模型知识的产品设计师而言,这是一份高密度的导航页,但内容偏研究与工程,需自行筛选和设计相关部分。

✎ Author's take
awesome-generative-ai-guide 是一个汇总生成式 AI 资源的仓库,包含论文、课程、面试题库等,适合产品设计师系统性学习大模型知识。
Continue at github.com
开源趋势 · Open Source
§GitHub Rank今日开源趋势
01GitHub Trending · Daily·79 days ago

SimpleX Chat:无标识符的隐私消息应用

simplex-chat/simplex-chat

SimpleX Chat 是一款主打绝对隐私的开源消息应用,通过无用户标识架构与双重加密实现端对端通讯,近日登上 GitHub Trending,支持 iOS、Android 及桌面端。但对产品设计师与 AI 设计师而言,这属于消费者通讯工具,不含可复用的设计系统、界面工程方案或面向创作者的 AI 功能,对工作流无直接参考价值。

✎ Author's take
SimpleX Chat是一款主打隐私的开源消息应用,通过无用户标识架构与双重加密实现端对端通讯,对产品设计师与AI设计师而言属于消费者通讯工具,不含可复用的设计系统或AI功能。
Continue at github.com
02GitHub Trending · Daily·81 days ago

Google Labs DESIGN.md:coding agent 设计系统规范

google-labs-code/design.md

Google Labs 推出 DESIGN.md 开源格式,通过 YAML front matter 存储色彩、字体、圆角等设计 token,并用 Markdown 记录设计原理与 rationale,让 coding agent 对设计系统获得持久化、结构化理解。这意味着设计师可以把视觉身份直接写进代码仓库,告别反复向 AI 解释品牌规范的低效沟通。

✎ Author's take
Google Labs 提出的设计文档开源格式,通过 YAML 和 Markdown 结合存储设计 token 和记录设计原理,为设计系统与代码仓库的整合提供新方案。
Continue at github.com
03GitHub Trending · Daily·79 days ago

openpilot 机器人系统登 GitHub Trending

commaai/openpilot

openpilot 是一套开源机器人操作系统,目前可为 300 余款车型升级驾驶辅助系统。此次登上 GitHub Trending 的仍是常规版本更新与安装说明,内容围绕汽车硬件适配和软件分支展开,并未提供产品设计师或设计工程师可直接复用的工具、模板与界面资源。

✎ Author's take
openpilot 是一个开源机器人操作系统,支持为多种车型升级驾驶辅助系统,此次更新主要围绕汽车硬件适配和软件分支,对产品设计师或设计工程师无直接参考价值。
Continue at github.com
04GitHub Trending · Daily·81 days ago

no-mistakes:给 Git 推送加一道 AI 质检关

kunchenguid/no-mistakes

no-mistakes 在本地充当 Git 代理,替代 origin 接收推送,并在隔离工作区触发 AI 验证流水线(审查、测试、文档、Lint),全部通过后自动推送到远程并开启 Clean PR。对依赖 Claude、Codex 等 Agent 写代码的设计工程师而言,它是防止脏代码流入仓库的实用闸门。

✎ Author's take
本地 Git 代理,自动触发 AI 验证流水线,防止脏代码流入仓库,对依赖 AI 编程的设计工程师有帮助。
Continue at github.com
05GitHub Trending · Daily·79 days ago

Grafana 登上 GitHub 每日热榜

grafana/grafana

Grafana 作为开源监控与数据可视化平台出现在 GitHub Trending 中,但内容仅为仓库常规介绍,未提及任何新版本、功能更新或设计改进。对关注工具链与可视化系统的设计师而言,这条信息没有任何可操作的细节或行业洞察。

✎ Author's take
这是条纯粹的算法热榜噪音。Grafana 虽是数据可视化领域的基础设施,但仓库描述里没有任何供设计师借鉴的交互模式、图表规范或设计系统更新,对设计工作流零价值,直接跳过。
Continue at github.com
06GitHub Trending · Daily·79 days ago

free-for-dev 运维免费资源清单

ripienaar/free-for-dev

这个长期维护的 GitHub 仓库汇总了面向 DevOps 和基础设施开发者的免费 SaaS、PaaS 与 IaaS 服务层。虽然主要受众是运维人员,但设计工程师仍可从中翻找免费的前端托管、CI/CD 或低代码平台资源。

✎ Author's take
汇总面向DevOps和基础设施开发者的免费SaaS、PaaS与IaaS服务层,虽主要面向运维人员,设计工程师也可从中找到资源。
Continue at github.com
07GitHub Trending · Daily·80 days ago

GitHub热榜 MinerU:PDF/Office 一键转 LLM-ready Markdown

opendatalab/MinerU

MinerU 是面向 LLM 工作流的高精度文档解析引擎,可将 PDF、Office 文档及图片转为结构化 Markdown / JSON。它提供 MCP Server 直接接入 Cursor 与 Claude Desktop,也原生支持 LangChain、Dify 等框架,对需要处理设计文档和竞品资料的设计工程师而言,是即插即用的生产力工具。

✎ Author's take
MinerU 是一个高精度文档解析引擎,可将多种格式文档转为结构化数据,支持接入多种框架和应用。
Continue at github.com
08GitHub Trending · Daily·79 days ago

张雪峰.skill:高考志愿咨询的 AI 思维框架

alchaincyf/zhangxuefeng-skill

该项目将张雪峰的教育咨询方法论提炼为可运行的 AI Skill,基于著作、采访与语录构建了包含 5 个心智模型和 8 条决策启发式的认知操作系统,展示了专家经验如何被结构化封装为 AI Agent。但其内容完全聚焦高考与考研规划,对设计师日常工作无直接参考意义。

✎ Author's take
对设计从业者来说这就是个跨领域热闹——它确实演示了如何把专家知识蒸馏成结构化 Skill,但高考填志愿和考研择校跟你的设计系统、代码组件和 prompt 工程完全无关。除非你在研究通用知识工程范式,否则没有点开的必要。
Continue at github.com
09GitHub Trending · Daily·80 days ago

TREK:自托管旅行规划器,内置实时协作与AI

mauriceboe/TREK

开源全栈旅行应用 TREK 登上 GitHub Trending,集成地图导航、预算拆分、PWA 与 AI 功能。对设计工程师而言,这是研究复杂产品架构、离线优先设计和地图交互实现的鲜活代码库。

✎ Author's take
设计师不需要另一个旅行 App,但设计工程师需要这种“小而全”的解剖标本。从 PWA 架构到多地图源集成、从实时协作到复杂状态管理,TREK 把全栈产品的关键技术决策都摊在了代码里。别只想着用它规划旅行,直接 fork 看实现。
Continue at github.com
10GitHub Trending · Daily·80 days ago

AI Berkshire:Claude Code 价值投资框架

xbtlin/ai-berkshire

该仓库是一套基于 Claude Code 的 AI 投资研究框架,将巴菲特、芒格、段永平、李录的价值投资方法论封装为结构化 Skill,通过多 Agent 对抗分析强制输出明确的投资结论(通过/不通过/观望),并附带了两年实盘收益记录。

✎ Author's take
ai-berkshire是一个基于Claude Code的AI投资研究框架,将价值投资方法论封装为结构化Skill,对AI投资研究有兴趣的设计师可以参考。
Continue at github.com
11GitHub Trending · Daily·89 days ago

OpenMontage:首个开源 Agent 视频制作系统

calesthio/OpenMontage

OpenMontage 号称首个开源 agentic 视频制作系统,通过 12 条 pipeline 与 500+ agent 技能,让 AI 助手完成从调研、脚本、素材生成到剪辑合成的全流程。它区别于普通图生视频工具,能调用免费影像素材库进行真实剪辑与渲染,案例显示 60 秒动画短片成本仅 1.33 美元。

✎ Author's take
OpenMontage 是一个开源的 agentic 视频制作系统,通过 AI 助手完成视频制作的全流程,能够调用免费影像素材库进行真实剪辑与渲染。
Continue at github.com
12GitHub Trending · Daily·80 days ago

AWS 发布官方 MCP 工具包,Claude Code 可直接操控全栈云资源

aws/agent-toolkit-for-aws

AWS 发布官方 Agent Toolkit,提供一系列 MCP servers 与 Claude Code 插件,覆盖核心服务部署、数据分析及 DevSecOps。设计工程师现在可直接在 Claude Code 里用自然语言操控 AWS 基础设施,省去大量文档翻阅与手动配置时间,AI 原生云开发工作流进一步成型。

✎ Author's take
云厂商官方拥抱 MCP 的标志性事件。AWS 把核心服务打包成 Claude Code 插件,意味着“聊天即基础设施”正在变成默认工作流。对设计工程师而言,从原型到 AWS 部署的摩擦趋近于零,不搭上这趟车,你的全栈竞争力会被 AI 原生开发者快速稀释。
Continue at github.com
13GitHub Trending · Daily·80 days ago

MediaCrawler 多平台爬虫支持 Claude/Cursor Agent

NanmiCoder/MediaCrawler

基于 Playwright 的自媒体平台爬虫框架 MediaCrawler 近日登上 GitHub Trending,支持小红书、抖音、B 站等七大平台数据采集。其 Pro 版本新增内容拆解 Agent,并提供 Claude Code 与 Cursor 的 AI Agent Skill 一键安装能力,可让 AI Agent 自动执行爬取与数据整理任务。

✎ Author's take
MediaCrawler 是一个基于 Playwright 的自媒体平台爬虫框架,支持多个平台的数据采集,新增内容拆解 Agent,可让 AI Agent 自动执行爬取与数据整理任务。
Continue at github.com
14GitHub Trending · Daily·112 days ago

Garry Tan 开源 gstack:Claude Code 23 工具栈

garrytan/gstack

YC CEO Garry Tan 开源 Claude Code 配置 gstack,含 23 个面向 CEO、设计师、工程师等角色的专用工具。他凭此在兼职状态下 60 天交付 3 个生产服务和 40+ 功能,逻辑代码效率达十年前的 810 倍,为单人 AI 团队提供了可直接复现的实战模板。

✎ Author's take
YC CEO Garry Tan 开源的 Claude Code 配置 gstack,提供了面向不同角色的专用工具,为单人 AI 团队提供了实战模板。
Continue at github.com
15GitHub Trending · Daily·80 days ago

CasaOS:开源个人云系统

IceWhaleTech/CasaOS

CasaOS 是一款定位个人云的开源系统,主打低成本的本地数据存储与智能设备管理,并通过友好的 UI 将 NAS 功能包装成易用的家庭云服务。项目近期登上 GitHub Trending,愿景是降低 SaaS 依赖并支持个性化 AI 助手训练。

✎ Author's take
对设计师而言,这只是又一个基于 Web 的家庭云面板,既没有提供可借鉴的设计系统,也不改变任何设计工作流。除非你家正好缺一台 NAS,否则没必要花时间看;设计上它毫无新意,工程层面也无关 AI 设计工具链。
Continue at github.com
16GitHub Trending · Daily·84 days ago

AI Website Cloner 模板:一行命令克隆任意网站

JCodesMore/ai-website-cloner-template

这是一个可复用的 Next.js 模板,能让 AI 编程代理(推荐 Claude Code + Opus 4.7)自动分析目标网站、提取设计 token 与资产、编写组件规范,并并行重建各区块。对设计师而言,它将传统的“看图说话”变成了可执行的自动化工程流,大幅降低了从参考到原型的门槛。

✎ Author's take
Next.js 模板,允许 AI 编程代理自动分析网站并重建,对自动化网站开发和前端设计提供参考。
Continue at github.com
17GitHub Trending · Daily·97 days ago

Agent Reach:给 AI Agent 一键装上互联网眼睛

Panniantong/Agent-Reach

Agent Reach 是一款开源 CLI 工具,通过一句话安装即可让 Claude Code、Cursor 等命令行 Agent 免费阅读 Twitter、Reddit、YouTube、小红书等全网内容,无需付费 API 或复杂配置,自动解决反爬、Cookie 和 IP 封锁问题。

✎ Author's take
Agent Reach 是一款开源 CLI 工具,可以让命令行 Agent 免费阅读多平台内容,适合需要全网信息聚合的开发者。
Continue at github.com