AI 时代的设计革新 重塑工作流程。
探索AI如何在设计系统和工程实践中发挥关键作用。
在AI逐渐渗透设计的今天,我们关注它如何改善设计系统、优化工程实践,并重新定义设计工具的未来。
Vibe Coding 实战:独立开发 App 的十条心得
My Vibe Coding Adventure, The App and the Experience, Ten Takeaways
Ben Thompson 在 Stratechery 发布长文,记录了自己通过 vibe coding 独立开发一款日常实用 App 的全过程,并提炼出十条关键经验。文章不仅呈现了 AI 编程在真实需求场景下的能力边界,更为设计师与工程师提供了可直接参考的实战工作流与避坑指南。
两千人试攻 AI 助手:6000 次注入全失败
What happened after 2,000 people tried to hack my AI assistant
一位开发者发起公开挑战,让两千人通过邮件对 OpenClaw AI 助手发起 6000 次提示注入攻击以窃取密钥。结果在 Opus 4.6 和明确的安全规则下全部失败,证明前沿模型的安全训练已显著生效,但作者强调这仍不足以支撑零后果的生产部署。
video-use 开源:扔素材进文件夹,Claude Code 出成片
browser-use/video-use
browser-use 团队开源 video-use,让 Claude Code 等 AI Agent 自动完成粗剪、调色、字幕烧录与动画叠加。创作者只需把素材丢进文件夹、自然语言对话即可出片,将视频后期纳入 Agent 工作流,对需要批量产出演示或教程的设计师极具实操价值。
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 原生团队的最小协作范式。
Google Labs DESIGN.md:coding agent 设计系统规范
google-labs-code/design.md
Google Labs 推出 DESIGN.md 开源格式,通过 YAML front matter 存储色彩、字体、圆角等设计 token,并用 Markdown 记录设计原理与 rationale,让 coding agent 对设计系统获得持久化、结构化理解。这意味着设计师可以把视觉身份直接写进代码仓库,告别反复向 AI 解释品牌规范的低效沟通。
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的配置。这意味着设计工程师可用极低价格获得顶级编程能力,并摆脱供应商锁定。
Vercel AI SDK 7 发布:从模型调用到 Agent 平台
AI SDK 7 is now available
Vercel 发布 AI SDK 7,从早期模型调用工具升级为支持文本、音频、实时、视频的多模态生产级 Agent 平台。新版本引入 Harness 层,可直接接入 Claude Code、Codex 等既有 Agent,并大幅改进了 MCP 集成与流式 UI 的可靠性。对前端与设计工程师而言,这是构建 AI 原生应用的新基准。
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 的自然交汇点,为设计师提供了关键的行业认知。
把机器人踢出你的调研数据
Kick the Bots Out of Your Survey Data
NNG 针对公开渠道问卷中的机器人刷票问题,给出识别虚假响应与数据清洗的实操方法。文章涵盖 bot 行为特征与过滤标准,帮助产品团队避免假数据扭曲用户研究结论,是一份可直接落地的调研数据质检手册。
OpenAI Codex 负责人谈产品工作的全新形态
OpenAI Codex lead on the new shape of product work | Andrew Ambrosino
OpenAI Codex 负责人 Andrew Ambrosino 在最新访谈中分享了 AI 时代产品工作的底层变化:他提出「品味」正成为 AI 优先环境中最核心的职业技能,并透露 OpenAI 内部已全员深度使用 Codex,以及产品经理在「人人能构建」时代的「区域防守」协作模式。
Claude Code 最佳实践:Subagents、Skills 与 MCP 配置
shanraisshan/claude-code-best-practice
这个 GitHub 仓库系统整理了 Claude Code 的最佳实践,涵盖从基础命令到高级 Agents、Skills、MCP 服务器的配置方法,以及 Ultrareview、Devcontainers 等新功能。读者可直接复制配置文件和目录结构,将 vibe coding 升级为结构化的 agentic engineering 工作流。
AI 体验的分层:从界面到系统底层
The layers of AI experience
文章提出 AI 体验并非止于界面,而是由系统、约束与行为共同构成的多层结构。作者呼吁设计师必须将工作重心从 UI 表层下沉到规则与行为逻辑的设计,否则将无法真正掌控 AI 产品的核心体验。
你的设计系统靠一人把关,AI将拆穿它
Your design system runs on one person’s judgment-AI is about to prove it
作者以IBM Carbon设计系统为例,指出设计系统长期依赖单一维护者人工审查所有贡献,形成隐蔽的单点故障。AI不会创造这一瓶颈,但会加速暴露它,迫使团队从个人英雄主义的“人治”转向可规模化的自动化治理与规则驱动。
建立基线指标,证明UX真实影响力
Your New UX Habit: Establishing Baselines for Impact
NNG指出UX团队最常见的自我贬值并非工作质量差,而是测量太晚。文章建议在项目启动前就将建立基线变为团队习惯,先收集产品的初始表现数据,才能在后期的迭代中证明设计带来的真实改进,避免陷入无法量化价值的被动局面。
GitHub 热榜 system-design-101:图解复杂系统面试指南
ByteByteGoHq/system-design-101
ByteByteGo 的 system-design-101 仓库登上 GitHub Trending,以可视化方式拆解 API、负载均衡、HTTP/2、gRPC 等复杂系统概念。对需要理解技术底层的设计工程师而言,这是一份能直接查阅的协作语境手册,帮助在与后端、基础设施团队沟通时减少信息差。
如何停止向 Claude 重复解释你自己
How to stop re-explaining yourself to Claude
作者从 ChatGPT 切换到 Claude 后发现,即便为各设计流设置了项目上下文,每次新会话仍需重复解释个人风格、设计原则与历史反馈。他指出结构性缺陷:项目指令只描述项目,不描述使用者本人,导致 Claude 每轮从零开始,跨项目决策无法沉淀,协作摩擦递增。
SimpleX Chat:无标识符的隐私消息应用
simplex-chat/simplex-chat
SimpleX Chat 是一款主打绝对隐私的开源消息应用,通过无用户标识架构与双重加密实现端对端通讯,近日登上 GitHub Trending,支持 iOS、Android 及桌面端。但对产品设计师与 AI 设计师而言,这属于消费者通讯工具,不含可复用的设计系统、界面工程方案或面向创作者的 AI 功能,对工作流无直接参考价值。
AI Berkshire:Claude Code 价值投资框架
xbtlin/ai-berkshire
该仓库是一套基于 Claude Code 的 AI 投资研究框架,将巴菲特、芒格、段永平、李录的价值投资方法论封装为结构化 Skill,通过多 Agent 对抗分析强制输出明确的投资结论(通过/不通过/观望),并附带了两年实盘收益记录。
openpilot 机器人系统登 GitHub Trending
commaai/openpilot
openpilot 是一套开源机器人操作系统,目前可为 300 余款车型升级驾驶辅助系统。此次登上 GitHub Trending 的仍是常规版本更新与安装说明,内容围绕汽车硬件适配和软件分支展开,并未提供产品设计师或设计工程师可直接复用的工具、模板与界面资源。
CasaOS:开源个人云系统
IceWhaleTech/CasaOS
CasaOS 是一款定位个人云的开源系统,主打低成本的本地数据存储与智能设备管理,并通过友好的 UI 将 NAS 功能包装成易用的家庭云服务。项目近期登上 GitHub Trending,愿景是降低 SaaS 依赖并支持个性化 AI 助手训练。
free-for-dev 运维免费资源清单
ripienaar/free-for-dev
这个长期维护的 GitHub 仓库汇总了面向 DevOps 和基础设施开发者的免费 SaaS、PaaS 与 IaaS 服务层。虽然主要受众是运维人员,但设计工程师仍可从中翻找免费的前端托管、CI/CD 或低代码平台资源。
Google Labs DESIGN.md:coding agent 设计系统规范
google-labs-code/design.md
Google Labs 推出 DESIGN.md 开源格式,通过 YAML front matter 存储色彩、字体、圆角等设计 token,并用 Markdown 记录设计原理与 rationale,让 coding agent 对设计系统获得持久化、结构化理解。这意味着设计师可以把视觉身份直接写进代码仓库,告别反复向 AI 解释品牌规范的低效沟通。
微软 PowerToys 登上 GitHub Trending
microsoft/PowerToys
微软开源生产力工具集 PowerToys 进入 GitHub Trending,内含超过 30 款 Windows 实用工具。对设计师而言,其中的 Color Picker、Screen Ruler、Image Resizer 等组件能替代零散第三方软件,但正文仅为仓库常规介绍,未提及具体版本更新或新增功能,信息增量有限。
PPT Master:AI 直出可编辑 PPT,支持模板与旁白
hugohe3/ppt-master
市面上多数 AI PPT 工具只输出图片或不可编辑的幻灯片,PPT Master 直接生成原生 .pptx,保留矢量形状与动画,还能读取用户自有模板并自动配音。对需要高频产出提案或评审材料的设计师而言,可直接接入工作流,省去重复排版。
AI Website Cloner 模板:一行命令克隆任意网站
JCodesMore/ai-website-cloner-template
这是一个可复用的 Next.js 模板,能让 AI 编程代理(推荐 Claude Code + Opus 4.7)自动分析目标网站、提取设计 token 与资产、编写组件规范,并并行重建各区块。对设计师而言,它将传统的“看图说话”变成了可执行的自动化工程流,大幅降低了从参考到原型的门槛。
Garry Tan 开源 gstack:Claude Code 23 工具栈
garrytan/gstack
YC CEO Garry Tan 开源 Claude Code 配置 gstack,含 23 个面向 CEO、设计师、工程师等角色的专用工具。他凭此在兼职状态下 60 天交付 3 个生产服务和 40+ 功能,逻辑代码效率达十年前的 810 倍,为单人 AI 团队提供了可直接复现的实战模板。
MediaCrawler 多平台爬虫支持 Claude/Cursor Agent
NanmiCoder/MediaCrawler
基于 Playwright 的自媒体平台爬虫框架 MediaCrawler 近日登上 GitHub Trending,支持小红书、抖音、B 站等七大平台数据采集。其 Pro 版本新增内容拆解 Agent,并提供 Claude Code 与 Cursor 的 AI Agent Skill 一键安装能力,可让 AI Agent 自动执行爬取与数据整理任务。
开源AI视频平台替代方案:200+模型零过滤自托管
Anil-matcha/Open-Generative-AI
Open-Generative-AI 是闭源 AI 视频平台的开源替代,聚合 Flux、Kling 等 200 多个图像与视频生成模型,支持自托管且无内容过滤。其附带的 Generative-Media-Skills 库更让 Claude Code 等 AI 助手能直接驱动端到端媒体生成与剪辑,适合想将视频生产自动化的设计工程师搭建无 UI 管线。
topoteretes/cognee
Cognee is the open-source AI memory platform for agents. Give your AI agents persistent long-term memory across sessions with a self-hosted knowledge graph engine. Cognee - The Open-Source AI Memory Platform for Agents Demo . Docs . Learn More · Join Discord · Join r/AIMemory . Community Plugins & Add-ons Cognee is the open-source AI memory platform that gives AI agents persistent long-term memory across sessions. Ingest data in any format, build a self-hosted knowledge graph, and let every agent recall, connect, and act with full context 🌐 This README is also available in: : Deutsch | Español | Français | 日本語 | 한국어 | Português | Русский | 中文 📄 Read the research paper: Optimizing the Interface Between Knowledge Graphs and LLMs for Complex Reasoning — Markovic et al., 2025 About Cognee Cognee is an open-source AI memory platform for AI Agents. Ingest data in any format, and Cognee continuously builds a self-hosted knowledge graph that gives your agents persistent long-term memory across sessions. Cognee combines vector embeddings, graph reasoning, and cognitive-science-grounded ontology generation to make documents both searchable by meaning and connected by relationships that evolve as your knowledge does. ⭐ Help us reach more developers and grow the cognee community. Star this repo! 📚 Check our detailed documentation for setup and configuration. 🦀 Available as a plugin for your OpenClaw — cognee-openclaw ✴️ Available as a plugin for your Claude Code — claude-code-plugin Why use Cognee: Easily Build Company Brain - unify data from various sources in one place and enable Agents with your domain knowledge Knowledge infrastructure — unified ingestion, graph/vector search, runs locally, ontology grounding, multimodal Persistent and Learning Agents - learn from feedback, context management, cross-agent knowledge sharing Reliable and Trustworthy Agents - agentic user/ten…[truncated]
dbt Core v2.0 alpha:Rust 重写
dbt-labs/dbt-core
dbt Core v2.0 alpha 登上 GitHub Trending,项目正式从 Python 转向 Rust 重写,main 分支已托管新版本。新版本解析编译速度大幅提升,采用更严格的语言规范,输出 Parquet 格式产物,并以单二进制文件分发,是数据工程领域的一次底层架构大升级。
Claude Code 实战手册:15 分钟上手到 Agent 编排
luongnv89/claude-howto
这份登顶 GitHub Trending 的 Claude Code 开源指南,提供从基础命令到 Agents、Hooks、MCP 服务器的结构化学习路径。通过可视化教程与可复制粘贴的模板,它把零散功能串成自动化代码审查等生产级工作流,直接补上官方文档“只讲功能不讲组合”的缺口。
OpenCode 开源 AI 编程代理登 GitHub 热榜
anomalyco/opencode
OpenCode 是一款新进开源 AI 编程代理,支持 CLI 与桌面端 Beta,提供 npm、Homebrew、Scoop 等跨平台一键安装。目前登上 GitHub Trending,主打通过自然语言执行编码任务。对设计工程师而言,可将其作为快速原型与前端实现的辅助工具纳入工作流。
OpenSpec 上线:用规范驱动 AI 编程的新工作流
Fission-AI/OpenSpec
OpenSpec 是一套面向 AI 编程助手的 Spec-Driven Development 框架。它通过 /opsx:propose、/opsx:apply 等命令,将需求先拆解为 proposal、specs、design、tasks 等结构化文档,再让 AI 按规范执行,把即兴生成变成可迭代、可归档的工程化流程,尤其适合在已有代码库中迭代功能。
Vibe-Trading 个人交易代理
HKUDS/Vibe-Trading
香港大学数据科学实验室开源的 AI 交易代理,支持通过自然语言驱动股票分析与自动交易,集成 Shadow Account 回测与 MCP API。对设计师受众而言属于跨领域金融工具,无直接实操价值。
Keycloak 开源身份管理工具登 GitHub 热榜
keycloak/keycloak
Keycloak 作为开源身份与访问管理(IAM)解决方案登上 GitHub 趋势榜,提供用户认证、授权和联邦登录等企业级功能。该项目面向后端与全栈开发者,与设计师日常工具链及 AI 创作工作流无直接交集。
every-app/open-seo
Open source alternative to Semrush and Ahrefs OpenSEO Open source alternative to Semrush and Ahrefs OpenSEO is an SEO tool for the people. If tools like Semrush or Ahrefs are too expensive or bloated, OpenSEO is a pay-as-you-go alternative that you actually control. All-in-one SEO tool for you and your AI agent. Connect with any agent like Claude Code, OpenClaw or Hermes. We have pre-built skills, but you can build your own to tailor OpenSEO to your needs. Table of Contents Why use OpenSEO? Main SEO Workflows OpenSEO MCP OpenSEO Agent Skills Roadmap Community Pricing / Costs (Free + API costs) DataForSEO API Key Setup Google Search Console Self-hosting Docker Self Hosting Cloudflare Self-Hosting Local Development Contributing SEO API Cost Reference Hosted Version If you not interested in self hosting, or just want to support the project, we also have a hosted version: openseo.so Why use OpenSEO? Best in class MCP and AI Skills. Modern, simple UI. Focused workflows instead of a bloated, complex SEO suite. No subscriptions. Bring your own DataForSEO API key and pay only for what you use. Fork and vibe code your own custom tool. Main SEO Workflows Keyword research Find topics worth targeting, estimate demand, and prioritize what to write next. Rank tracking Monitor keyword positions across desktop and mobile over time, with SERP feature detection. Domain insights Understand where your domain is gaining or losing visibility so you can focus on the pages that move revenue. Backlinks See who links to your site, which pages attract links, and where links are newly won or lost. Site Audits Catch technical issues early so your site is easier for search engines to crawl and rank. AI brand visibility …[truncated]