AI Design News
No. 110No. 112
Friday, September 11, 2026·Issue 111

Today's brief

Dev.to · AI·5 days ago

RAXXO 的竞品拆解法:从失望时刻找产品机会

The Competitor Teardown I Run Before Building Any RAXXO Tool

RAXXO Studios 分享其开发工具前的竞品拆解流程:像真实用户一样完整使用现有产品,捕捉让用户失望的具体时刻,而非罗列功能缺失。作者认为小而重复的痛点比明显的大缺口更能催生好产品,Git Dojo 便源自这一方法。

✎ Author's take
太多设计师做竞品分析只停留在功能对标层面,这篇文章给出的框架强迫你回归真实场景,在用户的「失望时刻」里找差异化。对于面临「要做差异化但不知从何下手」的产品设计师,这是一套今晚就能复用的验证流程。
Continue at dev.to
GitHub Trending · Daily·5 days ago

PI-Desktop:本地优先的 AI 编程代理桌面工作区

vastsa/PI-Desktop

PI-Desktop 是一款开源桌面应用,为 AI 编程代理提供独立工作区。它基于 Electron + Rust 构建,支持接入多厂商模型与可插拔扩展,核心亮点是本地优先、不绑定编辑器、所有敏感操作需经权限层审查。项目目前处于早期预览阶段。

✎ Author's take
设计工程师可留意其'桌面级工作区'思路:不绑定编辑器、多模型切换、高危操作经权限层审查,这正是当前 AI Coding 工具最该补上的交互体验。但项目尚处早期预览,接口未稳,建议先 star 观望,别急于投产。
Continue at github.com
Dev.to · AI·5 days ago

100 个零依赖原生 JS 组件库:摆脱 React 复杂度

Built 100 Vanilla JS Components Because I Was Tired of React

一位自由职业者为解决老旧 WordPress 与 Django 项目中的组件需求,手写了 100 个纯 HTML/CSS/JS 组件,零构建步骤、零 npm 依赖,支持即拷即用。涵盖导航、表单、数据可视化等 10 个类别,并内建实时搜索、无障碍与 CSS 变量主题化,完整授权售价 5 美元。

✎ Author's take
这是给设计工程师的“反复杂化”解药:在老旧技术栈里,零依赖原生组件往往比强行引入 React 更可靠。但文章毫无技术细节,本质上是低价产品推广。你不必购买,真正值得抄走的是其无障碍结构与 CSS 变量主题化的工程思路。
Continue at dev.to
Vercel·5 days ago

Vercel Sandbox 存储扩容至 64 GB

Vercel Sandbox now provides 64 GB of storage

Vercel 将 Sandbox 默认存储从 32 GB 提升至 64 GB,覆盖托管镜像与自定义镜像创建的实例。额外空间可用于大型仓库、构建产物及高存储消耗的 Agent 任务,对需要运行复杂原型或数据密集型工作流的设计工程师有一定帮助。

✎ Author's take
日常做 UI 原型的设计师几乎感受不到 64 GB 与 32 GB 的区别,这更像是给跑 AI Agent 和重型构建的工程师打的底层补丁。除非你天天在 Sandbox 里堆几十个 G 的依赖,否则把它当作后台自动升级即可,没必要为此调整工作流。
Continue at vercel.com
Dev.to · AI·5 days ago

AI API 选型指南:别掉进“最强模型”陷阱

AI APIs in 2026: The Honest Developer's Guide to Choosing One

作者基于搭建30个生产系统的经验指出,选型AI API不应只看模型基准分数,而要权衡可靠性、并发、区域延迟和成本结构等工程因素。他认为模型智商只在20%场景起决定作用,但文章遭截断,未给出完整的供应商对比与决策框架。

✎ Author's take
对设计工程师而言,这篇只抛出“基础设施比模型智商重要”的正确废话,却停在具体对比之前,既无选型清单也无成本模板。除非你现在就在搭生产环境,否则它对你画原型或调前端组件几乎零杠杆,不如直接去看厂商文档。
Continue at dev.to
Dev.to · AI·5 days ago

AI 不能独行时:安全自动化的人机协作模式

When AI must not act alone: human-in-the-loop patterns for security automation

文章以“可逆性”划定AI自主边界:错误成本低的任务(收集、丰富、分类、报告)可全自动;可能导致系统宕机或数据丢失的阻断、删除操作必须人工审批。这套分类法为AI代理的权限设计提供了可直接复用的决策框架。

✎ Author's take
所有给AI设权限的产品设计师都该看看这个“可逆性”原则。它直接回答了设计AI Agent时最头疼的问题:哪里必须加人工确认?可逆操作自动跑,不可逆操作卡人审——这比空洞的“AI伦理”好用得多。可惜文章后半截被截断,不然值得更高分。
Continue at dev.to
Medium · AI Agents·6 days ago

AI agent 九秒删库,我的也差点搞砸

It Took an AI Agent Nine Seconds to Delete a Company. Mine Almost Did the Same.

作者回忆自己让 AI agent 执行数据库迁移时险些酿成大祸的经历,呼应近期 AI agent 九秒摧毁一家公司的极端案例,警示开发者切勿无人看管地让 agent 直接操作关键基础设施。

✎ Author's take
这种删库故事的标题永远比内容惊悚,截断版更是如此。对每天和 AI agent 打交道的设计工程师来说,没有具体权限配置、回滚策略或沙箱方案的警示都只是恐怖故事会。要么给全文和 actionable checklist,要么别浪费读者时间。
Continue at medium.com
产品更新 · Product Updates
§Product Updates产品功能迭代
Cursor Changelog·6 days ago

Cursor 推出 Projects:协调器统管数千子代理的长期工程模式

Cursor Projects

Cursor 正式上线 Projects 功能,通过协调器代理管理数千云端子代理,维护跨月共享上下文与代码库知识,可订阅 Slack、PR 等信号被动触发。这标志着 AI 编码工具从「对话生成」进化为「工程委托」,设计工程师可将完整功能或迁移交给 AI 持续执行,无需守在电脑前逐段提示。

✎ Author's take
Cursor 终于不满足于当自动补全,而是要当你的 Tech Lead。对设计工程师而言,这意味着工作流从「逐段生成代码」转向「管理 AI 工程团队」——你能委托完整功能,但必须习惯只审阅不实现。当数千子代理在云端并行修改代码库时,你的架构判断力和代码审查能力必须跟上,否则这不是解放,是埋雷。
Continue at cursor.com
Anthropic · via HN·7 days ago

Type.com 上线:非技术用户的云端多人 Codex/Claude 工作台

Show HN: Type.com: Multiplayer Codex/Claude in the cloud for non-tech use cases

Type.com 是一款面向非技术人员的云端协作环境,基于 Codex 与 Claude,无需本地开发配置即可构建项目。它支持从 Slack、邮件直接发起会话并转为团队共享的实时 co-prompt 空间,对设计师而言,这意味着可以跳过繁琐的技术 handoff,直接与 AI 和同事在浏览器里迭代可运行的原型或内部工具。

✎ Author's take
本地开发环境长期把设计师挡在可运行产物之外。Type.com 把 Claude/Codex 变成浏览器里的共享画布,让非技术人员直接参与构建。若其沙箱与权限体验能跑通,设计团队将不再是「交付图纸」的角色,而是直接产出功能的前线——这对设计工程师的边界是颠覆性的。
Continue at news.ycombinator.com
Anthropic · via HN·7 days ago

Claude 直接修改 Add to Cart 按钮颜色

Claude, change the “Add to Cart” button to blue

这篇热帖展示了通过自然语言指令让Claude直接修改前端界面元素的具体案例。当AI能准确理解「把按钮改成蓝色」这种设计意图并直接操作代码时,设计与开发的工作边界将被重新定义,设计师用口语化描述驱动界面的时代正在到来。

✎ Author's take
别再把AI当成只能出设计稿的玩具了——自然语言正在成为最锋利的工程工具。对设计工程师而言,这意味着你可以直接对运行中的产品「喊话」修bug、调样式,但前提是你要分得清什么是合理请求、什么是会破坏设计系统的胡来。
Continue at opusfived.dev
Anthropic · via HN·7 days ago

OtoDock 发布:自托管 Claude Code 企业操作系统

Show HN: Self-hosted company OS, Claude Code and Codex agents in departments

OtoDock 是一个 Fair Source 的自托管“公司 OS”,将 Claude Code 与 Codex CLI 以持久化进程运行在 bubblewrap 沙盒中,支持多租户协作与远程 WebSocket 连接。它内置电话、办公文档与视频编辑等工具,试图把 AI agent 直接部署到具体业务部门。

✎ Author's take
对设计工程师来说,OtoDock 的 sandbox 架构和远程 agent 模式比它的业务功能更值得偷师——它示范了如何把 Claude Code 变成常驻后台、带网络隔离的部门级助手。但坦白说,这更像一套内部 DevOps 脚手架,产品设计师可直接拿走的东西不多,除非你想自己搭一个受控的 AI 设计助手集群。
Continue at github.com
Claude Blog·7 days ago

Claude 调研:1000位小企业主的AI使用启示

What 1,000 small business owners taught us about AI

文章标题显示这是一份针对千名小企业主的AI使用调研,但提供的正文严重残缺,仅重复标题而无实质内容,无法提取任何具体洞察、数据或可复用的设计方法。作为早报素材,其当前信息密度趋近于零。

✎ Author's take
用户研究本是产品设计师的重要参考,但仅有标题没有正文等于废纸一张。即便来源是Claude官方,这种内容残缺到无法判断是否有设计启示,直接跳过才是理智选择,等拿到全文再评估不迟。
Continue at claude.com
创作工具 · AI Creation
§AI Creation创作工具动态
GitHub Trending · Daily·5 days ago

腾讯开源 TeamAI CLI,统一管理多 AI Agent 团队配置

Tencent/teamai-cli

腾讯开源的 TeamAI CLI 允许团队通过 Git 仓库集中管理 AI skills、rules、MCP 和知识库,并自动同步到 Claude Code、Cursor 等 Agent。它把团队 AI 配置变成可版本控制的代码,解决了多人协作时规则碎片化、标准不一致的痛点。

✎ Author's take
开源社区终于开始用 Git 治理 AI 团队配置了,这比各自在 Cursor 里手动导 settings.json 靠谱得多。设计工程师如果已在用 Claude Code/Cursor 维护设计系统,值得直接 Fork 模板试用;纯视觉设计师可以略过。
Continue at github.com
开源趋势 · Open Source
§GitHub Rank今日开源趋势
01GitHub Trending · Daily·55 days ago

i-have-adhd:让 Claude Code 先给答案再说过程

ayghri/i-have-adhd

这是一个开源 skill,通过修改系统提示让 Claude Code / Codex 采用 ADHD-friendly 输出:行动优先、步骤编号、去除寒暄。开发者可一键安装,立刻终结 AI 在答案前堆砌冗长解释的毛病,提升信息获取效率。

✎ Author's take
i-have-adhd 是一个开源 skill,旨在优化 Claude Code / Codex 对于 ADHD 用户的输出,使其更加直接和高效。
Continue at github.com
02GitHub Trending · Daily·5 days ago

腾讯开源 TeamAI CLI,统一管理多 AI Agent 团队配置

Tencent/teamai-cli

腾讯开源的 TeamAI CLI 允许团队通过 Git 仓库集中管理 AI skills、rules、MCP 和知识库,并自动同步到 Claude Code、Cursor 等 Agent。它把团队 AI 配置变成可版本控制的代码,解决了多人协作时规则碎片化、标准不一致的痛点。

✎ Author's take
开源社区终于开始用 Git 治理 AI 团队配置了,这比各自在 Cursor 里手动导 settings.json 靠谱得多。设计工程师如果已在用 Claude Code/Cursor 维护设计系统,值得直接 Fork 模板试用;纯视觉设计师可以略过。
Continue at github.com
03GitHub Trending · Daily·118 days ago

obra/superpowers

An agentic skills framework & software development methodology that works. Superpowers Superpowers is a complete software development methodology for your coding agents, built on top of a set of composable skills and some initial instructions that make sure your agent uses them. Quickstart Give your agent Superpowers: Claude Code, Codex CLI, Codex App, Factory Droid, Gemini CLI, OpenCode, Cursor, GitHub Copilot CLI. How it works It starts from the moment you fire up your coding agent. As soon as it sees that you're building something, it doesn't just jump into trying to write code. Instead, it steps back and asks you what you're really trying to do. Once it's teased a spec out of the conversation, it shows it to you in chunks short enough to actually read and digest. After you've signed off on the design, your agent puts together an implementation plan that's clear enough for an enthusiastic junior engineer with poor taste, no judgement, no project context, and an aversion to testing to follow. It emphasizes true red/green TDD, YAGNI (You Aren't Gonna Need It), and DRY. Next up, once you say "go", it launches a subagent-driven-development process, having agents work through each engineering task, inspecting and reviewing their work, and continuing forward. It's not uncommon for Claude to be able to work autonomously for a couple hours at a time without deviating from the plan you put together. There's a bunch more to it, but that's the core of the system. And because the skills trigger automatically, you don't need to do anything special. Your coding agent just has Superpowers. Sponsorship If Superpowers has helped you do stuff that makes money and you are so inclined, I'd greatly appreciate it if you'd consider sponsoring my opensource work. Thanks! Jesse Installation Installation differs by harness. If you use more than one, install Superpowers separately for each one. Claude Code Superpowers is available via the official C…[truncated]

✎ Author's take
Superpowers 是一个完整的软件开发方法论,为编码代理构建在一系列可组合技能之上,适合软件开发者使用。
Continue at github.com
04GitHub Trending · Daily·118 days ago

pascalorg/editor

Create and share 3D architectural projects. Pascal Editor A 3D building editor built with React Three Fiber and WebGPU. https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b Repository Architecture This is a Turborepo monorepo with three main packages: editor-v2/ ├── apps/ │ └── editor/ # Next.js application ├── packages/ │ ├── core/ # Schema definitions, state management, systems │ └── viewer/ # 3D rendering components Separation of Concerns Package Responsibility @pascal-app/core Node schemas, scene state (Zustand), systems (geometry generation), spatial queries, event bus @pascal-app/viewer 3D rendering via React Three Fiber, default camera/controls, post-processing apps/editor UI components, tools, custom behaviors, editor-specific systems The viewer renders the scene with sensible defaults. The editor extends it with interactive tools, selection management, and editing capabilities. Stores Each package has its own Zustand store for managing state: Store Package Responsibility useScene @pascal-app/core Scene data: nodes, root IDs, dirty nodes, CRUD operations. Persisted to IndexedDB with undo/redo via Zundo. useViewer @pascal-app/viewer Viewer state: current selection (building/level/zone IDs), level display mode (stacked/exploded/solo), camera mode. useEditor apps/editor Editor state: active tool, structure layer visibility, panel states, editor-specific preferences. Access patterns: // Subscribe to state changes (React component) const nodes = useScene((state) => state.nodes) const levelId = useViewer((state) => state.selection.levelId) const activeTool = useEditor((state) => state.tool) // Access state outside React (callbacks, systems) const node = useScene.getState().nodes[id] …[truncated]

✎ Author's take
Pascal Editor 是一个3D建筑项目编辑器,使用 React Three Fiber 和 WebGPU 构建。
Continue at github.com
05GitHub Trending · Daily·53 days ago

text-to-cad 开源:AI Agent 的 CAD 与硬件设计技能库

earthtojake/text-to-cad

这个开源库为 AI Agent 提供了一套完整的 CAD 与硬件设计技能,支持通过自然语言或图片生成/编辑 CAD 模型(输出 STEP、STL 等),本地预览文件,检索标准件,以及生成 URDF/SRDF 机器人描述文件。它把大模型的能力直接嵌入了设计工程师的本地工作流。

✎ Author's take
text-to-cad 是一个为 AI Agent 提供 CAD 与硬件设计技能的开源库,支持自然语言生成 CAD 模型,对设计工程师的本地工作流有直接嵌入的价值。
Continue at github.com
06GitHub Trending · Daily·34 days ago

Claude Code 图表 Skill:29 种编辑级 SVG,60 秒适配品牌

cathrynlavery/diagram-design

开源了一个 Claude Code Skill,内置 29 种编辑级图表模板,输出纯 HTML+SVG。它能自动抓取品牌网站的配色与字体,60 秒内统一图表风格,让 AI 直接画出可用在文章或演示中的高质量架构图与流程图,彻底告别 Mermaid 的粗糙圆角框。

✎ Author's take
Claude Code Skill 提供了 29 种图表模板,能够自动抓取品牌网站的配色与字体,快速生成高质量架构图与流程图,对设计师来说可以提高图表制作的效率和一致性。
Continue at github.com
07GitHub Trending · Daily·106 days ago

TradingAgents 多智能体量化交易框架开源更新

TauricResearch/TradingAgents

TradingAgents 是一个基于 LLM 多智能体的开源金融交易框架,最新 v0.2.5 版新增了情感分析师、多模型覆盖(GPT-5.5 / Claude 4.6 / Qwen 等)及远程 Ollama 支持。虽然面向量化交易场景,但其角色分层的 Agent 架构与 LangGraph 状态管理实践,对设计复杂 AI 协作工作流有一定参考价值。

✎ Author's take
基于 LLM 多智能体的开源金融交易框架,新增情感分析师、多模型覆盖及远程 Ollama 支持,对设计复杂 AI 协作工作流有参考价值。
Continue at github.com
08GitHub Trending · Daily·5 days ago

系统设计面试笔记登 GitHub Trending

liquidslr/system-design-notes

该仓库是《System Design Interview》一书的开源读书笔记,梳理了限流器、一致性哈希、消息队列、支付系统等28个后端系统设计主题。虽然登上 GitHub Trending,但内容完全面向软件工程面试,与产品设计师、AI 设计师及设计工程师的日常工具链和交付物几乎无交集。

✎ Author's take
直接跳过。除非你准备后端面试,否则这些限流器与消息队列的二手笔记,对做界面、交互或设计系统毫无帮助。设计工程师想补架构认知,也应优先关注前端性能与 API 契约,而非啃这套纯后端八股。
Continue at github.com
09GitHub Trending · Daily·100 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
10GitHub Trending · Daily·22 days ago

GPT-Image 2 工业级提示词引擎与模板库开源

freestylefly/awesome-gpt-image-2

这是一个面向 GPT-Image 2 的 Prompt as Code 开源项目,聚合了 470+ 逆向工程案例与 20+ 工业级模板,配套可视化网站支持直接预览、复制提示词并在线测试。设计师可跳过从零调试,直接复用经商业验证的生成策略,快速落地高完成度的 AI 图像工作流。

✎ Author's take
awesome-gpt-image-2 是一个面向 GPT-Image 2 的 Prompt as Code 开源项目,为设计师提供了逆向工程案例和工业级模板,有助于快速落地 AI 图像工作流。
Continue at github.com
11GitHub Trending · Daily·118 days ago

全开源AI工程课:435节从数学推导到MCP server

rohitg00/ai-engineering-from-scratch

GitHub Trending 新晋全开源AI工程课程,共435节课、20个阶段约320小时,覆盖Python/TypeScript/Rust/Julia。课程要求从线性代数和反向传播开始手写代码,逐步构建Tokenizer、Attention机制直至MCP服务器和自主智能体集群,每节课均产出可复用工程产物。

✎ Author's take
ai-engineering-from-scratch 是一个全开源的 AI 工程课程,覆盖了从基础数学到构建完整的智能体集群的全过程,适合想要深入学习 AI 工程的开发者。
Continue at github.com
12GitHub Trending · Daily·5 days ago

PI-Desktop:本地优先的 AI 编程代理桌面工作区

vastsa/PI-Desktop

PI-Desktop 是一款开源桌面应用,为 AI 编程代理提供独立工作区。它基于 Electron + Rust 构建,支持接入多厂商模型与可插拔扩展,核心亮点是本地优先、不绑定编辑器、所有敏感操作需经权限层审查。项目目前处于早期预览阶段。

✎ Author's take
设计工程师可留意其'桌面级工作区'思路:不绑定编辑器、多模型切换、高危操作经权限层审查,这正是当前 AI Coding 工具最该补上的交互体验。但项目尚处早期预览,接口未稳,建议先 star 观望,别急于投产。
Continue at github.com
13GitHub Trending · Daily·113 days ago

ECC v2.0 RC:跨 Claude/Cursor 的 Agent 性能优化框架

affaan-m/ECC

这个开源项目为 Claude Code、Cursor、Codex 等主流 AI 编程工具提供了一套完整的性能优化系统,涵盖 skills、记忆优化、安全扫描和 MCP 配置。作为 Anthropic 黑客松获奖项目,它已在生产环境经过 10 个月验证,刚发布 v2.0.0-rc.1 版本并新增 Hermes 操作员工作流。

✎ Author's take
为主流AI编程工具提供性能优化系统,包括skills、记忆优化、安全扫描和MCP配置,已在生产环境经过验证。
Continue at github.com