AI Design News
No. 057No. 059
Thursday, July 16, 2026·Issue 058
Today's brief from the design and AI frontier

AI界面变革 与设计的新纪元

探索AI如何塑造现代设计与交互。

今日焦点转向AI与设计的交汇点,从Speechify的多语言站点架构到Vercel Workflows的用户体验优化,再到设计师对AI新交互模型的适应,AI系统正深刻影响着设计实践

Simon Willison·61 days ago

Grok Mermaid 渲染器被移植到浏览器

Mermaid to Unicode box art (grok-mermaid)

Simon Willison 将 Grok CLI 开源项目中一个自包含的 Rust Mermaid 终端渲染器,通过 WebAssembly 移植到浏览器,做成可实时转换的在线工具。对需要纯文本流程图的技术写作者和设计工程师而言,这是一个开箱即用的方案;同时其背后的 Claude Code (Fable 5) 移植思路也值得借鉴。

✎ Author's take
对整天和文档、CLI打交道的设计工程师来说,把Rust核心逻辑丢给Claude Code转成WASM工具链,是最务实的AI工作流示范。与其看一百篇教程,不如直接用这个在线工具生成Unicode框线图,或者抄走prompt自己复刻一个。
Continue at simonwillison.net
Smashing Magazine·62 days ago

不,人们并不想要更多AI

No, People Don’t Want More AI In Their Life

Smashing Magazine 发文指出,企业对AI功能的狂热与用户真实需求严重脱节。多数AI功能因是强行附加的“外挂”而非工作流自然延伸,导致采用率和留存率极低。文章提醒:AI不是价值主张,无法自动修复组织的深层问题,反而会将技术债务和决策矛盾直接暴露给用户。

✎ Author's take
对正在被逼着“给每个按钮都加上AI”的设计师来说,这是一篇绝佳的“甩锅”指南。它戳破了“AI万能”的泡沫:用户要的是无缝工作流,不是又一个需要切换的AI弹窗。如果你还在用 AI 当产品卖点而不是解决真实问题,这篇文章就是写给你看的。
Continue at smashingmagazine.com
Vercel·62 days ago

GitHub Tools 接入 Vercel Connect,告别 PAT 密钥

Vercel Connect support in GitHub Tools

Vercel 官方为 GitHub Tools 新增 Vercel Connect 原生支持,通过 @github-tools/sdk/connect 在运行时动态签发短期 GitHub 令牌,无需再手动维护个人访问令牌。设计工程师可在 Vercel 部署的 AI Agent 或自动化工作流中直接调用,实现零密钥管理与最小权限访问。

✎ Author's take
对在 Vercel 上搭 AI Agent 的设计工程师,这是体验升级。PAT 的存储与泄露是自动化工作流最脏的活,Connect 现在运行时自动签发短期令牌,消灭泄露风险并实现最小权限。已在用 GitHub Tools 的团队,迁移成本几乎为零。
Continue at vercel.com
UX Collective·61 days ago

设计师正在错误的战场上磨刀

Designers are sharpening knives for the wrong fight

AI 已让产品构建近乎免费,但许多团队仍沉迷于反复迭代技术实现。作者通过一个两年半迭代四版却找不到用户的初创案例指出:当‘能不能做’不再是问题,‘该不该做’的决策能力才是真正的瓶颈。设计师若继续只打磨‘怎么做’的技能,就会在错误的战场上空耗精力。

✎ Author's take
这是一记打给沉迷新模型、新插件却从不问‘这东西有人要吗’的设计师的耳光。当工程成本趋近于零,‘怎么建’早已商品化,真正的护城河是‘不做什么’的判断力。别再拿快速迭代当借口掩盖决策懒惰,你的 Figma 文件再精美,也解决不了不存在的问题。
Continue at uxdesign.cc
UX Collective·62 days ago

AI 时代的设计 playbook:回归网页标准

Designing with web standards: The playbook for this AI moment

将当下AI界面设计的混乱状态与1997年浏览器大战类比,指出"无规则创新"的代价是返工、失信与快速过时。作者借Zeldman推动Web标准的历史,呼吁AI产品团队自下而上建立共享规范,而非在空白前沿各自为营。

✎ Author's take
撕开了AI设计的危险迷思:把"无规则"当创新借口。1997年浏览器大战证明,缺乏标准只会制造昂贵技术债与割裂体验。设计工程师与其追逐新交互范式,不如先让AI产品扎实遵守Web标准与可访问性规范——标准不是创新的敌人,而是产品活过明年的基础设施。
Continue at uxdesign.cc
Simon Willison·62 days ago

Claude web_fetch 漏洞可致用户隐私泄露

How I tricked Claude into leaking your deepest, darkest secrets

安全研究员 Ayush Paul 发现 Claude 的 web_fetch 工具存在数据外泄漏洞。尽管 Anthropic 限制该工具只能访问用户输入或 web_search 返回的精确 URL,但攻击者可通过在页面中嵌入嵌套链接,诱导 AI 逐步跳转至恶意站点,绕过防护并泄露对话记忆等隐私数据。

✎ Author's take
给设计工程师的当头棒喝:AI agent 的工具权限别只做表面限制。Anthropic 对 web_fetch 的 URL 来源限制看似严密,却漏掉了“页面内嵌链接”这个攻击面。如果你在设计带工具调用的 AI 产品,记住这条——任何数据出口都必须做深度闭环校验,别信任中间态内容。
Continue at simonwillison.net
Simon Willison·61 days ago

Grok Build 因隐私丑闻被迫开源全代码

xai-org/grok-build, now open source

xAI 的 Grok CLI 工具被指在运行时默认上传整个工作目录至云端,导致用户 SSH 密钥等敏感数据泄露,引发社区强烈反弹。xAI 随后删除所有已收集数据、关闭默认上传,并将 Grok Build 代码以 Apache 2.0 协议开源以试图挽回信任。

✎ Author's take
对设计工程师和 AI 设计师的当头棒喝:别盲目信任任何能碰本地文件系统的 AI CLI 默认设置。xAI "先偷后删再开源"的危机公关即便放出代码,也难让人放心把设计资产和工程密钥交给它。急着尝鲜不如先关权限、读源码。
Continue at simonwillison.net
Vercel·62 days ago

Vercel CLI v55 重写项目链接逻辑

Faster, predictable project linking in the Vercel CLI

Vercel CLI 发布 v55 大版本,重构项目链接流程:先解析团队再搜索项目,不再自动遍历多团队;--yes 不再自动选团队,CI 脚本必须显式设置 VERCEL_ORG_ID 与 VERCEL_PROJECT_ID,否则非交互命令直接报错。依赖 Vercel 自动化部署的设计工程师需立即检查脚本兼容性。

✎ Author's take
纯做界面的设计师可跳过。但如果你往 Vercel 上推代码,v55 是破坏性警告:--yes 不再自动选团队,没显式指定 VERCEL_ORG_ID 的 CI 脚本直接报错。官方治好了“链错团队”的顽疾,代价是你得立刻修部署流水线。
Continue at vercel.com
UX Collective·61 days ago

AI 系统催生新交互模型,设计师准备好了吗?

AI systems are demanding new interaction models. Are designers ready?

文章指出,AI 正打破延续数十年的「桌面隐喻」交互语法,软件从「任务驱动」转向「意图驱动」。作者以 Thinking Machines Lab 新发布的 Interaction Models 为例,说明模型开始能实时理解意图并生成界面,进而质问设计师在新语法中的核心价值何在。

✎ Author's take
这个问题问得太晚了——交互语法早已被 AI 改写,只是大量设计师还在用 Figma 画静态组件。意图驱动界面的真正威胁不是失业,而是如果你仍只懂「布局、配色、组件」,将彻底失去参与定义下一代交互语法的资格。别问「准备好了吗」,先问自己还在不在牌桌上。
Continue at uxdesign.cc
Sidebar·62 days ago

Free the icons:macOS 该放开图标形状限制了

Free the icons

Rogue Amoeba 发文呼吁苹果取消 macOS 应用图标必须使用圆角矩形的限制,认为这一禁令牺牲了品牌个性与视觉多样性。这再次将平台规范与创意自由之间的老矛盾摆上台面,值得正在处理跨平台图标系统的设计师重新权衡统一性与辨识度之间的平衡。

✎ Author's take
平台统一图标语言确实能降低用户认知负荷,但苹果对圆角矩形的执念已经让 Dock 变成了单调的「圆角方块矩阵」。设计师需要的不只是呼吁,而是一套在打破形状限制后依然能保持系统级视觉一致性的新范式——否则这篇文章不过是又一次牢骚。
Continue at weblog.rogueamoeba.com
GitHub Trending · Daily·61 days ago

Clypra 开源:对标 CapCut 的跨平台 AI 视频编辑器

AIEraDev/Clypra

Clypra 是一款基于 Tauri v2、React 19 和 Rust 构建的开源视频编辑器,刚登上 GitHub Trending,目标是以免费开源形式提供专业级剪辑能力。项目覆盖桌面与移动端,核心功能无水印无限制,并可选配自然语言剪辑、自动字幕等 AI 模块。

✎ Author's take
Clypra 是一款基于 Tauri v2、React 19 和 Rust 构建的开源视频编辑器,提供专业级剪辑能力,覆盖桌面与移动端,核心功能无水印无限制。
Continue at github.com
Vercel·62 days ago

Speechify 基于 Vercel 支撑 50 万动态页面的架构实践

How Speechify serves 500,000 dynamic pages to 60 million users on Vercel

Speechify 将站点重构为 Next.js + Vercel 架构,借助 Fluid Compute 自动扩缩容与 Instant Rollbacks,在 40 余种语言环境下动态服务 50 万+页面,支撑 6000 万用户并降低 50% 成本。其放弃静态生成、全面采用动态渲染的决策,为大规模多语言站点的前端工程提供了直接参考。

✎ Author's take
别被 Vercel 软文的外壳骗了——对搭建多语言站点的设计工程师,Speechify 放弃 SSG、用 Fluid Compute 动态服务 50 万页面的决策是难得参考。但记住:50% 降本只是特定流量结构下的结果,抄作业前务必用自己的并发曲线做验证。
Continue at vercel.com
Vercel·62 days ago

Vercel Workflows trace viewer 新增 minimap 导航

Vercel Workflows trace viewer now has a minimap

Vercel 为 Workflows 的 trace viewer 引入 minimap 功能,支持拖拽平移、缩放和点击跳转,方便在复杂工作流执行记录中快速定位。该功能已上线 Vercel 平台,也可通过本地 Workflow SDK 体验。

✎ Author's take
典型的开发者体验微更新:把冗长 trace 的导航成本降下来。对设计工程师而言,这种“大图导航+细节穿梭”的交互模式可以直接借鉴到自家后台或可视化工具里,不必重复造轮子。
Continue at vercel.com
Vercel·62 days ago

Thinking Machines Inkling 上架 Vercel AI Gateway

Inkling from Thinking Machines is now available on AI Gateway

Inkling 是 Thinking Machines 发布的通用多模态模型,支持推理、编码与视觉等任务。现可通过 Vercel AI Gateway 统一调用,设计工程师若在用 Vercel 栈,可直接复用其成本追踪、故障转移与密钥预算能力,无需改写接入层。

✎ Author's take
典型的基础设施厂商填空新闻。除非你的原型就架在 Vercel 上,否则这条对你零价值——它没有设计工作流的新方法,没有视觉或交互层面的更新,甚至连模型能力都只有干巴巴的标签罗列。设计工程师别把时间花在追这种 changelog 上。
Continue at vercel.com
GitHub Trending · Daily·61 days ago

开源 AI 数学知识库上线,内置 MCP 供 Cursor/Claude 调用

HenryNdubuaku/maths-cs-ai-compendium

一位 YC 背景的 AI 工程师将备战 DeepMind、OpenAI 的数学与 AI 笔记开源为非传统教科书,覆盖向量、矩阵、微积分等基础。仓库内置 MCP 服务器,支持直接接入 Claude Code、Cursor 等 AI 编程助手作为知识库,方便在工程场景中随时查询底层概念。

✎ Author's take
HenryNdubuaku 将备战 DeepMind、OpenAI 的数学与 AI 笔记开源为非传统教科书,并内置 MCP 服务器支持 AI 编程助手。
Continue at github.com
GitHub Trending · Daily·61 days ago

Grok2API 开源:三端统一 API 网关

chenyme/grok2api

一个纯 Go 实现的 Grok API 网关,将 Grok Build、Web 与 Console 的账号池整合为统一入口,对外提供 OpenAI 与 Anthropic 兼容接口,支持图片生成、视频生成及多账号调度。

✎ Author's take
chenyme/grok2api 是一个纯 Go 实现的 Grok API 网关,整合 Grok Build、Web 与 Console 的账号池为统一入口,并提供 OpenAI 与 Anthropic 兼容接口,适用于需要统一管理 AI 服务接口的开发者。
Continue at github.com
开源趋势 · Open Source
§GitHub Rank今日开源趋势
01GitHub Trending · Daily·63 days ago

Awesome LLM Apps:百大可运行 Agent 与 RAG 模板

Shubhamsaboo/awesome-llm-apps

GitHub Trending 上的 Awesome LLM Apps 收录了 100 多个可直接运行的 AI Agent 与 RAG 应用模板,涵盖 MCP、多智能体、语音代理等现代 AI 栈,支持 Claude、GPT 等主流模型一键切换。对设计工程师而言,这意味着无需从零搭建脚手架,克隆代码即可快速验证 AI 原型并落地生产。

✎ Author's take
收录了100多个可直接运行的 AI Agent 与 RAG 应用模板的开源项目,支持主流模型一键切换,方便快速验证 AI 原型。
Continue at github.com
02GitHub Trending · Daily·89 days ago

Matt Pocock 开源自用 Claude Skills:告别 vibe coding

mattpocock/skills

TypeScript 教育家 Matt Pocock 开源了他自用的 Claude agent skills 仓库,提供一套小型、可组合、模型无关的工程化技能集合,附带一键安装脚本。不同于完全放任的 vibe coding,这套技能旨在修复 Claude Code 与 Codex 等工具的常见失效模式,让开发者保持对真实工程流程的掌控。

✎ Author's take
TypeScript教育家开源的 Claude agent skills 仓库,提供一套小型、可组合、模型无关的工程化技能集合,旨在修复AI工具的常见失效模式。
Continue at github.com
03GitHub Trending · Daily·63 days ago

dcg:为 Claude Code / Cursor 等 AI 代理拦截危险命令

Dicklesworthstone/destructive_command_guard

Destructive Command Guard 是一个高性能命令行钩子,可在 Claude Code、Cursor、Codex CLI 等 AI 编码代理执行前拦截危险的 git 与 shell 指令,防止误删文件或破坏代码库。支持 Linux、macOS 和 WSL 一键安装,覆盖目前主流 AI 编程工具。

✎ Author's take
Destructive Command Guard 是一个命令行钩子,用于拦截 AI 编码代理执行的高危 git 和 shell 指令,防止数据丢失。
Continue at github.com
04GitHub Trending · Daily·62 days ago

OpenCut 重写:开源 CapCut 替代品将支持 MCP

OpenCut-app/OpenCut

OpenCut 正在完全重写,基于 Rust 核心实现跨平台,并计划加入 MCP Server 让 AI Agent 能直接操控视频编辑,同时提供 Headless 模式与脚本化能力,目标成为开源版的 CapCut。

✎ Author's take
OpenCut 是一个正在重写的开源视频编辑软件,计划加入 AI 控制和脚本化能力,目标是成为一个功能丰富的视频编辑工具。
Continue at github.com
05GitHub Trending · Daily·63 days ago

AI 对冲基金多智能体项目登 GitHub 热榜

virattt/ai-hedge-fund

一个基于多智能体架构的 AI 对冲基金概念验证项目登上 GitHub Trending,系统模拟了巴菲特、芒格、塔勒布等投资大师的决策风格,用于教育性的交易决策探索。该项目纯属金融投资领域的技术实验,与创意工具或设计工程无直接关联。

✎ Author's take
ai-hedge-fund 项目是一个基于多智能体架构的 AI 对冲基金概念验证,模拟投资大师的决策风格,用于教育性的交易决策探索。
Continue at github.com
06GitHub Trending · Daily·63 days ago

Hallmark:Claude Code / Cursor 的反 AI 模板化设计 skill

Nutlope/hallmark

Hallmark 是一款开源 design skill,专为 Claude Code、Cursor 与 Codex 打造。它内置 57 道 slop-test 门控与 20 套主题系统,在生成前强制 AI 进行自我批判,从根本上拒绝千篇一律的「AI 味」模板,让不同 brief 产出气质迥异的站点;同时支持 audit、redesign、study 四种命令,可直接嵌入现有工作流。

✎ Author's take
Hallmark 是一个开源的设计技能工具,专为 Claude Code、Cursor 与 Codex 设计,提供门控测试和主题系统,支持自我批判以提升AI生成内容的多样性。
Continue at github.com
07GitHub Trending · Daily·78 days ago

Vibe-Trading 个人交易代理

HKUDS/Vibe-Trading

香港大学数据科学实验室开源的 AI 交易代理,支持通过自然语言驱动股票分析与自动交易,集成 Shadow Account 回测与 MCP API。对设计师受众而言属于跨领域金融工具,无直接实操价值。

✎ Author's take
Vibe-Trading 是香港大学数据科学实验室开源的 AI 交易代理,支持自然语言驱动的股票分析与自动交易。
Continue at github.com
08GitHub Trending · Daily·90 days ago

Win11Debloat:一键清理 Windows 预装应用与遥测

Raphire/Win11Debloat

轻量级 PowerShell 脚本 Win11Debloat 可一键移除 Windows 10/11 预装应用、禁用遥测并清理系统界面元素,无需安装直接通过命令行运行,适合想快速打造干净开发与设计环境的用户。

✎ Author's take
Win11Debloat 是一个轻量级的 PowerShell 脚本,用于一键移除 Windows 10/11 的预装应用、禁用遥测并清理系统界面元素,适合快速打造干净的开发环境。
Continue at github.com
09GitHub Trending · Daily·75 days ago

健身动作数据集 trending:6 语言结构化数据开源

hasaneyldrm/exercises-dataset

开发者将 1324 个健身动作整理成结构化数据集并开源,附带数据库模式、API 代码与多语言指令(中英意土俄西),但因版权争议未包含演示媒体。对健身类应用开发者是即拿即用的后端脚手架,但对广义设计师而言可复用价值极低。

✎ Author's take
exercises-dataset 是一个包含 1324 个健身动作的结构化数据集,附带数据库模式、API 代码与多语言指令,但不含演示媒体。
Continue at github.com
10GitHub Trending · Daily·89 days ago

Penpot 登 GitHub 热榜:开源设计与代码协作工具

penpot/penpot

Penpot 近日登上 GitHub Trending,作为开源设计平台主打设计与代码协作、自托管及开放标准。其原生 Design Tokens、MCP Server 和可编程 API 对想建立自主设计基础设施的团队有吸引力,但当前内容仅为官方简介,缺少具体版本更新或实操细节。

✎ Author's take
penpot 项目是一个开源设计平台,主打设计与代码协作、自托管及开放标准,适合想建立自主设计基础设施的团队。
Continue at github.com
11GitHub Trending · Daily·61 days ago

Clypra 开源:对标 CapCut 的跨平台 AI 视频编辑器

AIEraDev/Clypra

Clypra 是一款基于 Tauri v2、React 19 和 Rust 构建的开源视频编辑器,刚登上 GitHub Trending,目标是以免费开源形式提供专业级剪辑能力。项目覆盖桌面与移动端,核心功能无水印无限制,并可选配自然语言剪辑、自动字幕等 AI 模块。

✎ Author's take
Clypra 是一款基于 Tauri v2、React 19 和 Rust 构建的开源视频编辑器,提供专业级剪辑能力,覆盖桌面与移动端,核心功能无水印无限制。
Continue at github.com
12GitHub Trending · Daily·63 days ago

SharpEmu:从零开发的 PS5 模拟器

par274/sharpemu

这是一个用C#从零开发的实验性PlayStation 5模拟器,目前仅能加载部分游戏文件和执行基础CPU指令,尚处极早期阶段。对设计从业者而言,该项目属于游戏与系统逆向工程领域,既无可直接借用的工具链,也缺乏可迁移至设计工作流的技术参考。

✎ Author's take
sharpemu 是一个用 C# 从零开发的实验性 PlayStation 5 模拟器,目前仅能加载部分游戏文件和执行基础 CPU 指令,尚处于极早期阶段。
Continue at github.com
13GitHub Trending · Daily·61 days ago

Grok2API 开源:三端统一 API 网关

chenyme/grok2api

一个纯 Go 实现的 Grok API 网关,将 Grok Build、Web 与 Console 的账号池整合为统一入口,对外提供 OpenAI 与 Anthropic 兼容接口,支持图片生成、视频生成及多账号调度。

✎ Author's take
chenyme/grok2api 是一个纯 Go 实现的 Grok API 网关,整合 Grok Build、Web 与 Console 的账号池为统一入口,并提供 OpenAI 与 Anthropic 兼容接口,适用于需要统一管理 AI 服务接口的开发者。
Continue at github.com
14GitHub Trending · Daily·62 days ago

Graphify-Labs/graphify

AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs, papers, images, or videos into a queryable knowledge graph. App code + database schema + infrastructure in one graph. Read this in other languages 🇺🇸 English | 🇨🇳 简体中文 | 🇯🇵 日本語 | 🇰🇷 한국어 | 🇩🇪 Deutsch | 🇫🇷 Français | 🇪🇸 Español | 🇮🇳 हिन्दी | 🇧🇷 Português | 🇷🇺 Русский | 🇸🇦 العربية | 🇮🇷 فارسی | 🇮🇹 Italiano | 🇵🇱 Polski | 🇳🇱 Nederlands | 🇹🇷 Türkçe | 🇺🇦 Українська | 🇻🇳 Tiếng Việt | 🇮🇩 Bahasa Indonesia | 🇸🇪 Svenska | 🇬🇷 Ελληνικά | 🇷🇴 Română | 🇨🇿 Čeština | 🇫🇮 Suomi | 🇩🇰 Dansk | 🇳🇴 Norsk | 🇭🇺 Magyar | 🇹🇭 ภาษาไทย | 🇺🇿 Oʻzbekcha | 🇹🇼 繁體中文 | 🇵🇭 Filipino | 🇮🇱 עברית Type /graphify in your AI coding assistant and it maps your entire project (code, docs, PDFs, images, videos) into a knowledge graph you can query instead of grepping through files. Code maps for free, fully local. Code is parsed with tree-sitter AST: deterministic, no LLM, nothing leaves your machine. (Docs, PDFs, images and video use your assistant's model, or a configured API key, for a semantic pass.) Every edge is explained. Each connection is tagged EXTRACTED (explicit in the source) or INFERRED (resolved by graphify), so you can tell what was read directly from what was inferred. Not a vector index. No embeddings, no vector store: a real graph you traverse. Ask a question, trace the path between two things, or explain one concept. The FastAPI codebase mapped by graphify. Every node is a concept, colors are detected communities, and the whole thing is clickable in graph.html. Get started (30 seconds): uv tool install graphifyy # install the CLI (or: pipx install graphifyy) graphify install # register the skill with your AI assistant Then, in your AI assistant: /graphify . That's it. You get three files: graphify-out/ ├── graph.html open in any browser — click…[truncated]

✎ Author's take
Graphify 是一个 AI 编码助手技能,可以将代码、SQL模式、脚本、文档等转换成可查询的知识图谱。
Continue at github.com
15GitHub Trending · Daily·61 days ago

开源 AI 数学知识库上线,内置 MCP 供 Cursor/Claude 调用

HenryNdubuaku/maths-cs-ai-compendium

一位 YC 背景的 AI 工程师将备战 DeepMind、OpenAI 的数学与 AI 笔记开源为非传统教科书,覆盖向量、矩阵、微积分等基础。仓库内置 MCP 服务器,支持直接接入 Claude Code、Cursor 等 AI 编程助手作为知识库,方便在工程场景中随时查询底层概念。

✎ Author's take
HenryNdubuaku 将备战 DeepMind、OpenAI 的数学与 AI 笔记开源为非传统教科书,并内置 MCP 服务器支持 AI 编程助手。
Continue at github.com