AI Design News
No. 052No. 054
Saturday, July 11, 2026·Issue 053
Today's brief from the design engineering front

设计工程实践 与 AI 融合的路径。

深度解析 Vercel 的 AI 集成与设计系统文档化。

探讨最新的 Vercel Connect、AI Gateway 和 Traces 更新如何减负设计工程师,并审视 Getdesign.md 在提升AI 编码代理的设计品味中的作用。

Smashing Magazine·67 days ago

从项目启动到首套概念:品牌战略如何落地为视觉方向

From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction

文章提出设计失败往往源于策略阶段的词汇空转,作者以医疗科技公司为例,展示如何在“pre-concept”阶段将“现代”“颠覆”等模糊形容词锚定到具体行业语境,从而建立从策略语言到视觉决策的可执行翻译框架,避免设计与品牌意图脱节。

✎ Author's take
“现代”“可信”这类Brief空话是设计师的日常噩梦。这篇文章不给鸡汤,直接给一个医疗客户的实操案例:如何把“颠覆性”在保守语境下翻译成可落地的视觉约束。做品牌或产品的同学,赶紧拿去改自己的调研问卷和方向板。
Continue at smashingmagazine.com
Nielsen Norman Group·66 days ago

设计系统成熟度六维框架

Design-System Maturity: A 6-Dimension Framework

Nielsen Norman Group 抛弃传统线性阶段论,提出六维度设计系统成熟度评估框架。该模型承认真实的设计系统演进并非爬梯子般直线前进,而是多面且混乱的,帮助团队跳出“我们在第几阶段”的焦虑,转而诊断具体维度的短板并确定下一步行动优先级。

✎ Author's take
设计系统成熟度从不是线性闯关。NN/g 这个框架承认了最诚实的现实:你的组件库可能很完善,但治理仍然稀烂。对困于“组件很多却用不起来”的设计师和设计工程师,这是一份能直接拿来开复盘会的诊断地图,比那些只会说“到了第4阶段就好了”的鸡汤实用得多。
Continue at nngroup.com
Nielsen Norman Group·66 days ago

特定场景 AI 聊天机器人的 5 个核心特质

The 5 Qualities of Site-Specific AI Chatbots

NNG 总结了决定站点 AI 聊天机器人可信度的五个关键品质:愿意转接人工、灵活应变、主动服务、情感响应和透明坦诚。这五个维度为设计师提供了在原型阶段前就做对关键决策的评估框架,避免因体验落差导致用户弃用。

✎ Author's take
NNG 将 AI 聊天机器人的体验要求拆成五个可设计、可评估的维度。对正在做客服机器人或嵌入式助手的设计师,这是一份可直接落地的避坑 checklist——其中“转接意愿”和“透明度”恰恰是技术团队最忽视、却最影响用户信任的部分。
Continue at nngroup.com
GitHub Trending · Daily·66 days ago

awesome-design-md:复用大厂设计系统的 DESIGN.md 合集

VoltAgent/awesome-design-md

该仓库收集并逆向分析了知名品牌的设计系统,将其整理成 DESIGN.md 文件。开发者只需放入项目根目录,AI 代理即可按既定风格生成 UI,无需 Figma 导出或 JSON 配置,用纯文本实现设计系统与代码的衔接。

✎ Author's take
VoltAgent/awesome-design-md 收集并逆向分析了知名品牌设计系统,整理成 DESIGN.md 文件,以实现 AI 代理按既定风格生成 UI。
Continue at github.com
Vercel·68 days ago

Lovable 应用现已支持零配置部署至 Vercel

You can now deploy Lovable apps to Vercel

Vercel 官方 changelog 宣布支持直接部署 Lovable 应用,自动识别底层 TanStack Start 框架。用户只需将 Lovable 项目同步至 GitHub 并导入 Vercel,即可实现零配置部署与自动更新,打通了 AI 生成应用到生产环境的最后一公里。

✎ Author's take
对设计工程师来说,这意味着‘设计即部署’的链路彻底跑通:你不再需要为 AI 生成的代码找托管方案。Vercel 此举显然是在抢占 AI 原生应用的流量入口,而设计师应该立刻利用这个缺口——把 Lovable 当成全栈原型机,快速验证产品想法,而不是只停留在 Figma 稿。
Continue at vercel.com
Sidebar·67 days ago

Getdesign.md:把主流网站设计系统直接喂给 Coding Agent

Getdesign.md

Getdesign.md 汇总了主流网站的独立设计系统分析。你可以将这些结构化参考直接丢给 Cursor、Claude Code 等 coding agent,让 AI 基于真实设计规范而非幻觉生成界面,补上 AI 编码工作流里长期缺失的设计系统一环。

✎ Author's take
AI coding agent 最大的短板不是写代码,而是设计品味——它根本没见过你口中的‘Apple 风格’长什么样。Getdesign.md 直接把真实设计系统文档化后喂给 agent,是目前最低成本让 AI 输出不辣眼睛界面的办法。设计工程师应该立刻 bookmark,别再让 agent 自由发挥视觉了。
Continue at getdesign.md
Sidebar·67 days ago

AI 已摧毁初级程序员市场

AI has torched the market for junior programmers

文章指出,AI 工具正在快速消灭初级编程岗位,同时数百万非专业开发者借助 AI 直接发布真实软件。这意味着纯编码的入门工作正在贬值,设计工程师和产品设计师需要重新评估技能组合,向更高阶的架构思维、设计系统或产品决策能力迁移,以避免被困在即将消失的“初级执行层”。

✎ Author's take
初级程序员市场崩塌是设计工程师的警告:纯代码执行力正变得廉价,但交叉能力更稀缺。别再满足于“会写代码的设计师”——你必须成为能定义问题、驾驭 AI 并交付完整体验的人,否则下一个被替代的就是你。
Continue at seldo.com
Sidebar·67 days ago

懂 Pen Tool 就会写 CSS 缓动曲线

Ease in, ease out, and everything between

Carmen Ansio 在 Sidebar 发文,用设计师熟悉的钢笔工具手柄操作作为类比,拆解 CSS 缓动曲线(cubic-bezier)的底层逻辑。文章把视觉设计与前端代码之间的鸿沟填平,让设计师无需死记参数就能直觉地写出自然的动画节奏。

✎ Author's take
太多设计师在 Figma 里调曲线得心应手,一写 CSS 就只会用 ease-in-out。这篇文章把两种语言打通了——对设计工程师而言,这是最基础的“双语能力”。连 easing 都写不顺,你的动效交付永远只能停留在设计稿里。
Continue at carmenansio.com
Vercel·67 days ago

Vercel Traces 新增树形与瀑布流视图

Traces now support Tree and Waterfall views

Vercel Logs 的 Traces 新增 Tree 与 Waterfall 两种视图。Tree 按父子层级聚合 span 并默认按耗时排序,Waterfall 则以时间轴展示并行执行与耗时分布。设计工程师无需离开日志页即可直观定位调用链层级和性能瓶颈。

✎ Author's take
设计工程师终于不用在日志里玩侦探游戏了。Tree 视图直接按耗时排序把最慢的 span 怼到脸上,Waterfall 时间轴让并行阻塞和性能毛刺无所遁形。如果你用 Vercel 部署前端项目却还没用过 Traces,这是补齐可观测性短板的最佳时机。
Continue at vercel.com
Simon Willison·66 days ago

Nilay Patel:AR眼镜必然侵犯隐私

Quoting Nilay Patel

The Verge 主编 Nilay Patel 指出,受限于当前芯片的算力与功耗,真正的 AR 眼镜必须持续录制用户视野并上传云端处理,不存在本地化的技术捷径。这意味着该产品形态天生伴随大规模隐私让渡,他直接质疑:也许这样的产品根本就不应该被做出来。

✎ Author's take
设计师总沉迷‘如何做出更好的 AR 体验’,却回避更根本的问题:若技术实现的物理前提就是系统性侵犯隐私,产品还该不该存在?Patel 的质问是一记耳光——设计伦理不应是事后合规补丁,而应是立项前的否决开关。有些未来,根本不该被设计出来。
Continue at simonwillison.net
Latent Space·67 days ago

OpenAI 发布 GPT 5.6 三档模型,Codex 变身 ChatGPT 超级应用

[AINews] OpenAI launches GPT 5.6 Sol/Terra/Luna, Codex becomes ChatGPT superapp

OpenAI 发布 GPT 5.6,以 Sol、Terra、Luna 三档尺寸对应不同规模,并推出 ultra 模式默认协调四个 Agent 并行处理复杂任务。新模型在速度和成本上大幅优于 Fable 5 与 Opus 4.8,但正文在命令行测试处截断,且未展开标题宣称的 Codex 超级应用更新。

✎ Author's take
模型分级命名比 Claude 的文学化命名更直观,方便设计工程师快速选型 API。但这条报道本质上是半成品:标题大肆渲染的 Codex superapp 在正文中人间蒸发,只剩半截 benchmark 通稿。建议跳过,等完整版出炉再判断对工作流的真实影响。
Continue at latent.space
Simon Willison·67 days ago

OpenAI 没讲清的 ChatGPT Work 云桌面割裂

Quoting OpenAI

Simon Willison 援引官方文档指出,ChatGPT Work 的云端会话与桌面端完全隔离:网页和移动端任务运行在云端,桌面端虽能访问本地文件,但两类工作线程互不同步。这意味着用户无法跨设备无缝衔接同一工作流,而 OpenAI 的说明非但没厘清场景,反而暴露了产品架构的割裂。

✎ Author's take
天天在浏览器、Figma 和终端间切换的设计工程师,这种“云-桌面”硬隔离让人抓狂。OpenAI 同步逻辑都没跑通就急着推 Work 给专业用户,产品碎片化迟早逼走高频用户。读它不是为了学习,是为了避雷。
Continue at simonwillison.net
Vercel·70 days ago

Vercel 项目设置新增 Activity Log

You can now view the Activity Log at a project-level

Vercel 在项目设置页新增项目级 Activity Log,聚合展示该项目下的用户操作事件,无需再跳转团队设置翻查。对需要追溯部署变更或成员操作的设计团队,协作排查成本略有降低。

✎ Author's take
设计工程师上 Vercel 是为了部署,不是为了看审计日志。这种企业合规级的小修补对核心工作流毫无影响,changelog 沦为功能打卡——与其纠结谁改了环境变量,不如把 v0 或 AI 部署管线往前推一步。
Continue at vercel.com
Vercel·68 days ago

Muse Spark 1.1 接入 Vercel AI Gateway

Muse Spark 1.1 is now available on AI Gateway

Meta 多模态推理模型 Muse Spark 1.1 已上架 Vercel AI Gateway,支持百万 Token 上下文、图文音视频输入及 MCP 工具调用与并行函数调用。然而官方 Changelog 文本严重残缺,模型调用方式与配置细节难以辨认,实际可操作性极低。

✎ Author's take
Vercel 的基础设施更新对设计工程师本有参考价值,但这篇 Changelog 的文本质量烂到连模型 ID 和调用参数都粘成一团,读完只得到一个模糊信号:AI Gateway 里多了个选项。除非你的项目已经重度绑定 Vercel 生态,否则没必要在这篇残缺文档上浪费时间。
Continue at vercel.com
Vercel·69 days ago

Chat SDK 支持 Vercel Connect 自动凭证管理

Chat SDK now supports Vercel Connect

Vercel Chat SDK 现已集成 Vercel Connect,通过 @vercel/connect/chat 子路径提供 Slack、GitHub 与 Linear 的适配器助手,自动处理出站请求的短期 Token 轮换及入站事件的 OIDC 验证,免除手动存储签名密钥与凭证维护。

✎ Author's take
这只是后端凭证管道的自动化更新,对正在用 Chat SDK 全栈开发 AI 聊天产品的设计工程师有减负价值,但完全不涉及界面层、交互逻辑或设计系统,多数设计师可以直接忽略。
Continue at vercel.com
Simon Willison·68 days ago

GPT-Live 上手:OpenAI 语音模式终于升级

Introducing GPT‑Live

OpenAI 推出 GPT-Live 为 ChatGPT 语音模式升级底层模型,可在对话中后台调用 GPT-5.5 处理复杂任务并维持交流流畅。作者 Simon Willison 在预览中发现新模型能力显著提升,但也遭遇模型不合时宜地打断发笑的交互 bug。

✎ Author's take
对 AI 产品设计师来说,'后台委托+前台保活'的对话流设计值得当作语音交互范式参考;不过本文属于消费端产品体验,且内容被明显截断,没有可立即落地到设计工程工作流的方法或工具,扫一眼即可。
Continue at simonwillison.net
开源趋势 · Open Source
§GitHub Rank今日开源趋势
01GitHub Trending · Daily·68 days ago

Claude Code 全自动求职框架走红 GitHub

MadsLorentzen/ai-job-search

一个基于 Claude Code 的开源求职工作流,可自动评估职位匹配度、生成定制化简历与求职信,并内置审稿代理优化输出。当前职位爬取主要针对丹麦市场,但核心架构支持替换为本地招聘网站。

✎ Author's take
MadsLorentzen/ai-job-search 是一个基于 Claude Code 的开源求职工作流,可以自动评估职位匹配度并生成定制化简历与求职信。
Continue at github.com
02GitHub Trending · Daily·66 days ago

Unturned 完整源码开源

SmartlyDressedGames/U3-SDK

老牌僵尸生存沙盒游戏 Unturned 在 GitHub 开放了基于 Unity 2022.3 LTS 的完整源代码与工程文件,包含模组加载、资产管线及启动场景,可作为大型 Unity 项目的工程参考。

✎ Author's take
SmartlyDressedGames/U3-SDK 提供了 Unturned 游戏基于 Unity 2022.3 LTS 的完整源代码和工程文件,适合作为大型 Unity 项目开发的参考。
Continue at github.com
03GitHub 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
04GitHub Trending · Daily·66 days ago

awesome-design-md:复用大厂设计系统的 DESIGN.md 合集

VoltAgent/awesome-design-md

该仓库收集并逆向分析了知名品牌的设计系统,将其整理成 DESIGN.md 文件。开发者只需放入项目根目录,AI 代理即可按既定风格生成 UI,无需 Figma 导出或 JSON 配置,用纯文本实现设计系统与代码的衔接。

✎ Author's take
VoltAgent/awesome-design-md 收集并逆向分析了知名品牌设计系统,整理成 DESIGN.md 文件,以实现 AI 代理按既定风格生成 UI。
Continue at github.com
05GitHub Trending · Daily·68 days ago

OfficeCLI:首个专为 AI Agent 打造的开源 Office 套件

iOfficeAI/OfficeCLI

OfficeCLI 是一款专为 AI Agent 设计的开源 Office 工具,通过单二进制文件无需安装 Office 即可读写 Word、Excel、PowerPoint,并内置高保真 HTML 渲染引擎。设计师和产品经理可借助一行代码让 AI 自动完成文档处理、PPT 生成与表格编辑,打通 AI 看稿与改稿的闭环。

✎ Author's take
iOfficeAI/OfficeCLI 是一款专为 AI Agent 设计的开源 Office 工具,无需安装 Office 即可读写文档。
Continue at github.com
06GitHub Trending · Daily·67 days ago

DesktopCommanderMCP 赋予 Claude 终端权限

wonderwhy-er/DesktopCommanderMCP

为 Claude 打造的 MCP 服务器,赋予其终端控制、文件搜索与差异编辑能力。用户可在聊天中执行长时命令、管理进程并自动化任务,直接利用本地客户端订阅而无需 API token。配套 App 支持多模型切换与实时文件预览,为设计工程师提供了 AI 驱动开发环境。

✎ Author's take
DesktopCommanderMCP 是为 Claude 定制的 MCP 服务器,提供终端控制和文件编辑功能,增强 AI 编程工具的交互能力。
Continue at github.com
07GitHub Trending · Daily·112 days ago

Anthropic 官方 Claude Cookbooks 实战代码集

anthropics/claude-cookbooks

Anthropic 在 GitHub 上线官方 Claude Cookbooks,提供一系列可直接复制粘贴的 Python Notebook 与实战指南,覆盖文本分类等核心能力。对于需要快速集成 Claude API 的产品团队与设计工程师,这是免从零造轮子的权威参考。

✎ Author's take
Anthropic官方上线的Claude Cookbooks,提供一系列可直接复制粘贴的Python Notebook与实战指南。
Continue at github.com
08GitHub Trending · Daily·66 days ago

PentAGI:全自动AI渗透测试代理

vxcontrol/pentagi

PentAGI是一款开源的自主AI渗透测试系统,可在Docker沙盒中运行并支持多厂商LLM接入。虽然该项目登上GitHub Trending,但其面向网络安全红队场景,对产品设计师与AI设计师无直接工具价值或工作流参考意义。

✎ Author's take
vxcontrol/pentagi 是一个开源的自主 AI 渗透测试系统,支持多厂商 LLM 接入,适用于网络安全红队场景。
Continue at github.com
09GitHub Trending · Daily·109 days ago

Crawl4AI v0.8.6 发布:50k stars 开源爬虫升级反检测与 Shadow DOM

unclecode/crawl4ai

Crawl4AI 是拥有 50k+ stars 的开源爬虫,能将网页转为 LLM-ready Markdown,服务 RAG 与 AI Agent 数据管道。v0.8.6 紧急修复了 PyPI 供应链安全漏洞,并新增反 Bot 检测、Shadow DOM 扁平化等能力,同时开放 Cloud API Beta 申请。对需要为 AI 应用采集和清洗网页数据的设计师与工程师,这是可直接接入工作流的基础设施升级。

✎ Author's take
unclecode/crawl4ai 是一个开源爬虫工具,能够将网页转为 LLM-ready Markdown,服务 AI Agent 数据管道,适用于为 AI 应用采集和清洗网页数据。
Continue at github.com
10GitHub Trending · Daily·66 days ago

Linux 服务器安全加固开源指南

imthenachoman/How-To-Secure-A-Linux-Server

这是一份在 GitHub 持续更新的 Linux 服务器加固手册,涵盖 SSH 密钥配置、UFW 防火墙、Fail2Ban 入侵检测及 CrowdSec 等工具的具体操作步骤,属于系统运维领域的实操文档。

✎ Author's take
imthenachoman/How-To-Secure-A-Linux-Server 是一份持续更新的 Linux 服务器加固手册,包含多种安全工具的具体操作步骤,属于系统运维领域的实操文档。
Continue at github.com
11GitHub Trending · Daily·67 days ago

AutoRemesher 自动四边面重拓扑工具

huxingyi/autoremesher

AutoRemesher 是一款基于 Geogram、libigl 等几何库开发的开源跨平台工具,可自动将高密度三角网格转换为干净的四边形拓扑。对 3D 设计工程师和数字艺术家而言,它提供了可替代手动重拓扑的自动化方案,能直接集成到游戏与影视资产的生产管线中,节省大量布线时间。

✎ Author's take
huxingyi/autoremesher 是一款开源工具,可自动将高密度三角网格转换为四边形拓扑,适合 3D 设计工程师和数字艺术家自动化重拓扑。
Continue at github.com
12GitHub Trending · Daily·69 days ago

Claude Video 发布,让 AI 真正看懂视频

bradautomates/claude-video

bradautomates/claude-video 是一款 Claude Code / Cursor 插件,能自动下载视频、提取关键帧、生成时间戳字幕,让 AI 真正看懂视频。设计师和工程师可直接把用户测试录像或设计教程丢给 AI,让它自动分析界面细节与操作流程,彻底告别手动截图转录。

✎ Author's take
claude-video 是一个 Claude Code / Cursor 插件,能自动下载视频、提取关键帧、生成时间戳字幕,让 AI 真正看懂视频,适用于设计师和工程师自动化分析界面细节与操作流程。
Continue at github.com
13GitHub Trending · Daily·67 days ago

GitHub Trending:Prisma ORM 仓库

prisma/prisma

Prisma 是面向 Node.js 与 TypeScript 的下一代 ORM,支持 PostgreSQL、MySQL、MongoDB 等主流数据库,核心包含 Prisma Client、Migrate 与 Studio。此次登上 GitHub Trending 的仅为主仓库的常规 README 介绍,既无版本更新,也缺乏针对设计师或设计工程师的新功能说明。

✎ Author's take
Prisma 是面向 Node.js 与 TypeScript 的下一代 ORM,支持 PostgreSQL、MySQL、MongoDB 等主流数据库。
Continue at github.com
14GitHub Trending · Daily·68 days ago

Pocket TTS 开源:CPU 上跑的轻量化语音合成

kyutai-labs/pocket-tts

Kyutai 开源 Pocket TTS,仅 100M 参数即可在 CPU 上实现 6 倍实时速率的语音合成,支持多语言与声音克隆。无需 GPU 或网络 API,pip 安装后即可通过 Python 或 CLI 调用,甚至可直接在浏览器运行,显著降低了语音交互原型的制作门槛。

✎ Author's take
kyutai-labs/pocket-tts 是一个开源语音合成工具,参数仅 100M 即可实现快速语音合成,支持多语言和声音克隆,降低了语音交互原型的制作门槛。
Continue at github.com
15GitHub Trending · Daily·85 days ago

asgeirtj/system_prompts_leaks

Extracted system prompts from Anthropic - Claude Fable 5, Opus 4.8, Claude Code, Claude Design. OpenAI - ChatGPT 5.5 Thinking, GPT 5.5 Instant, Codex. Google - Gemini 3.5 Flash, 3.1 Pro, Antigravity. xAI - Grok, Cursor, Copilot, VS Code, Perplexity, and more. Updated regularly. As seen in The Washington Post: See the hidden rules behind AI. Then use them to rewrite this article. (May 11, 2026) System Prompts Leaks The purpose of this repo is to document the System Prompt instructions for all the AI chatbots out there - Claude, ChatGPT, Gemini etc. 🆕 Diff: Claude Opus 4.8 → Claude Fable 5 — see exactly what changed in the claude.ai system prompt for Anthropic's newest model Recently Updated What Date Link GitHub Copilot for macOS (app) June 18, 2026 System prompt Claude Design (full built-in skills) June 18, 2026 System prompt GPT-5.5 Codex (full prompt) June 18, 2026 System prompt Claude Fable 5 June 9, 2026 System prompt · Diff vs Opus 4.8 Claude Opus 4.8 June 9, 2026 System prompt · Official Claude Code Glob & Grep tools June 9, 2026 Glob · Grep Claude Code (Opus 4.8) May 28, 2026 System prompt Claude Code & Cowork May 28, 2026 Claude Code · Cowork · Cowork Dispatch GPT-5.5 May 24, 2026 Thinking · Instant · API · Pro API Perplexity Computer May 21, 2026 System prompt VS Code Copilot Agent May 21, 2026 System prompt Docker Gordon AI May 21, 2026 System prompt Gemini 3.5 Flash May 20, 2026 System prompt · AI Studio · Tools Antigravity CLI May 20, 2026 System prompt Zed AI May 16, 2026 System prompt Grok Expert May 11, 2026 System prompt Anthropic — …[truncated]

✎ Author's take
asgeirtj/system_prompts_leaks 提供了从不同 AI 平台提取的系统提示,可用于研究和比较不同 AI 系统的行为和输出。
Continue at github.com