设计师妍妍分享10个私藏设计灵感网站，包括收录真实产品界面的Mobbin、前沿创意的Godly、极简美学的Minimal Gallery、B端设计参考Refero、暗黑美学的Dark design、交互动效Design spells、Landing Page灵感的Lapa Ninja、字体排版的Typewolf、实验性网页Load more以及X平台精选设计的Best Designs on X。作者强调审美不是靠收藏，而是靠长期浸泡和观察培养的判断力，并预告下期将分享普通人系统提升审美的方法。
文章评测了 Google DeepMind 随 EmbeddingGemma 2 发布的 Mac 应用 Google AI Edge Foresight。该应用在会议中监听系统音频，用户手写简短笔记后，它基于本地嵌入检索实时补齐细节，全程离线运行。作者通过实测验证它能准确捕捉音频中的具体数字，且不覆盖用户原文，遵循 Jef Raskin '不剥夺用户决策权'的界面理念。文章同时指出其不足：Live Enhance 开关状态不可见、转写无法区分远端说话人身份。技术层面分析了 EmbeddingGemma 2 在短查询检索长文档上的优势（93.7% 命中率），说明'用户出题、模型检索'正是其强项所在。
本文介绍了用AI开发小程序时如何补齐设计规范，解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解：确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈，以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑（规范与代码各改各的）的解决方法、维护流程和一段可直接使用的提示词，帮助AI持续按同一套规则产出页面。
文章以模拟的Punk咖啡馆点单小程序为例，图文讲解15个常见交互名词：导航栏、TabBar、页内Tabs、卡片、单元格、按钮、点击热区、表单校验、选择器、轻提示、对话框、操作面板、骨架屏、空状态与错误状态、无障碍。沿“选咖啡→选规格→加入购物袋→确认订单”的完整点单路径，说明每一步页面应有的回应，如选中状态、数量与总价更新、加载与失败提示等。最后强调提交后要区分等待、失败和结果不明三种情况，结合服务端幂等防止重复下单，并给出用AI按业务补齐交互的模板。
文章以社群小程序开发为背景，通过分析快递100、国家博物馆、优衣库、小宇宙、星巴克、影视飓风等真实案例，拆解了8种常见小程序类型的页面设计重点。每类小程序用户目标不同，页面布局与交互重点也不同：工具服务型要突出办事入口，预约服务型要说明日期、时段与名额的依赖关系，零售电商型需支持找货与比较，内容消费型要平衡发现与播放控制，餐饮点单型要确认门店与履约方式，教育学习型需区分找课与继续学习。文章还结合功能宫格、空状态、SKU、迷你播放器等概念，总结了视觉顺序、布局方式、状态区分与操作反馈等前端设计要点。
文章由 Ink & Switch 研究实验室撰写，探讨了传统批量生产软件的僵硬性问题：中心化开发模式让用户无法按自身需求改造工具，导致主动权丧失。作者提出「可塑软件」概念，设想一个任何人都能以最小摩擦改造软件工具的生态。文章分析了设置项、插件、改机、开源、AI 辅助编程等现有方案的局限，并提出三个关键设计模式：为用户提供从使用者到创造者的「缓坡」渐进路径、以通用可组合的「工具」替代僵化的「应用」形态、以及工具间的数据共享与界面组合。作者认为物理世界的可塑性经验值得借鉴到软件世界中。
作者将《红楼梦》中的大观园重建为可在浏览器中漫游的三维世界，把文本与空间放进同一窗口。项目整理了二十处景致，涵盖五十九回原文、三十三首诗词和一百五十八位人物。读者可点选景致查看对应原文与诗笺，跟随第十七回贾政游园路线导览，或在漫步模式中自由行走，并可切换四季、昼夜与天气共三十六种环境状态。整个项目依据原著游园路线与北京大观园复建格局推定，最终打包为约 2.7 MB 的 HTML 文件，离线也能体验，成为一份可交互、可行走的阅读批注。
作者复盘了自己做过的40多个GitHub小项目（其中20个仍是0 Star），其中互动作品《清明上河图》获得5000多人次体验并得到OpenAI官方点赞。文章按项目类型详细分享了制作过程：清明上河图分段添加交互、邮票和夜景图像处理Skill、数学可视化页面、线上看展互动、口播动画等，讲述了灵感来源、与AI协作的提示方式、第一版后的迭代修改，以及从手稿、小流程、视觉规则到多端测试的七步可复用工作方法，鼓励持续做喜欢的小作品。
本文是 Vibe Coding 网页动效词典的下篇，从第 37 个词继续，涵盖组件反馈、布局过渡与页面转场三大板块。内容包括折叠展开、锚定浮层、弹窗过渡、抽屉、标签页切换、轮播等组件动效；数字计数、骨架屏、加载指示、成功错误反馈等结果反馈动效；布局过渡、共享元素转场和页面转场等空间变化动效。每个词条均配有常见类型、适用场景和可直接使用的 AI 提示词示例，最后介绍第四层 UX 规则（反馈、操作暗示等），帮助零基础开发者用提示词驱动 AI 实现专业网页动效。
本文是网页动效词典系列的中篇，从第 17 到第 36 个动效词条，系统讲解了三大类网页动效：进阶文字动效（按字符显现、打字机、乱码解码、文字变形）、滚动与空间动效（视差滚动、多层视差、横向滚动、滚动缩放、固定式滚动叙事、图片序列、滚动吸附、进度提示）以及鼠标与指针动效（磁吸按钮、倾斜卡片、光标跟随、聚光灯、跟随眼睛、光标拖尾）。每个词条都说明了效果原理、常见类型、适用场景，并附上可直接使用的 AI 提示词，帮助开发者用 vibe coding 方式实现精致的网页交互效果。
本文是一篇 Vibe Coding 网页动效教程（上篇），旨在帮助读者用准确的术语向 AI 描述网页动效。文章先介绍 UI、UX 和 Vibe coding 的概念，提出网页动效的四层结构：技术工具（CSS、Motion、GSAP、Three.js 等）、触发方式、动效类型和 UX 规则。上篇重点讲解触发方式（悬停、焦点、点击、指针、视口、滚动、手势、页面加载、状态变化、定时）及动效类型的基础部分（Easing、Duration 等），每个词条配有可直接使用的提示词示例，帮助读者清晰表达脑中的动效效果。
文章探讨 agent 长程任务普及后 AI 产品形态的演进方向。作者认为任务时长拉长后，用户进入界面的动机从操作转向监督，信息流不再适用，应改为渲染状态的"周报式动态看板"。屏幕因承担工作记忆的外部缓存功能而不会消失。长程任务带来杠杆效应与目标漂移风险，需要建立基于【任务+反馈+环境】的"信任货币"体系，动态调节校对频次。最终产品形态可能是全新物种的 SaaS：输入端预置 80% 的 context，输出端界面即时生成，既是输入框架也是结果。
本文介绍 xAI 团队设计 Grok Bot 的产品思考：将十几个 AI 概念收敛为 Bot、Chat、Prompt、Tool、Artifact 五个用户原语；把组织单元从聊天记录换成 Bot 名单，让心智模型从工具切换为同事；通过头像动画承载生命周期提供在场感；为每个 Bot 配备独立电脑并采用三级访问设计；用结构化卡片回答信息；能力共享而上下文按角色隔离；Routine 让 Bot 无需提示词即可按日程或事件自主工作。整个设计的核心原则是持续做减法，回归'帮人委派而非增加管理负担'。
文章系统对比了 Figma Motion、After Effects 和 Rive 三款动效工具的定位与适用场景。Figma Motion 定位轻量，适合 UI 日常动效的快速交付，支持导出 CSS、React 代码并兼容 MCP；Rive 凭借状态机、骨骼动画和高性能运行时渲染，适合产品级交互动画；AE 则仍是品牌宣传片和复杂视觉特效的首选。作者给出了三步选择框架：无交互的 UI 动效用 Figma Motion，有交互逻辑的去 Rive，复杂特效开 AE，帮助设计师减少工具切换和沟通成本。
作者通过对比 Wise 网页与手机 App 的异同，探讨金融产品如何建立用户信任。一致性来自底层架构的自然结果，而差异处才蕴含设计决策。文章分析了 Wise 注册前的汇率计算器如何用透明证据完成营销、价格透明但到账时间成黑箱的矛盾、账户冻结时'无法解释'与透明品牌的冲突、轻量冻结卡片带来的用户行为改变，以及 2023 品牌改版对信任的影响。作者认为真正的信任建立在产品无法给出完整答案的时刻，这些才是最值得设计的地方。
文章介绍了 Vibe Coding 视觉词典的下篇，详细讲解了滚动与动作、提示与加载、视觉风格三大模块的设计概念与 AI 提示词，涵盖 Scroll Reveal、Parallax、Skeleton Screen 等前端开发技巧。
本文介绍了优化 App 引导流程的 7 个实用技巧。核心观点是好的引导不应只罗列功能，而是帮助用户尽快体验产品价值。建议包括：定义激活时刻、先展示价值再索取用户努力、仅询问有用问题、保持单屏单一操作、使用有趣的动画、实现个性化体验以及以有意义的成果结束流程。
作者分享了体验荣耀Robot Phone两周的深度感受。这款手机配备独特的钛合金机械云台，结合强大的YOYO智能体，不仅能完成复杂的跨APP任务，更通过物理动作赋予手机“生命力”。它从单纯的工具转向具有情绪价值的伙伴，为僵化的手机形态带来了久违的创新与惊喜。
文章探讨了超越传统提示词的多模态交互技术，提出“任务”概念，通过结合语音、屏幕、文本等多种信息源，让代理更高效地完成复杂工作。该方法减少交互循环，提升并行工作能力，并通过存储执行痕迹逐步转化为可重用的技能，为未来全模型交互奠定基础。
作者分享了利用AI结合Three.js和WebGL技术，将运动、机械和对称性转化为交互式3D体验的开发流程。通过提供过往代码和参考，AI生成新应用的概念和UI设计，最终实现了包含齿轮、陀螺仪等结构的Web应用。
文章指出在交互和视频制作中，单纯向 AI Agent 描述动画效果往往效率低下且容易产生误解。为了解决这个问题，文章推荐了一个简短的视频教程，该视频整理并演示了 13 类常见的 Motion 动效名称（如 Push Slide, Staggered Entrance, FLIP 等）。掌握这些标准术语，可以帮助用户更准确地向 AI、设计师或开发者表达需求，大幅提升沟通效率。
本文通过作者制作多个爆款 Skill（如 PPT、社交媒体卡片、Logo 生成等）的实战经验，深入探讨了 Skill 在 AI 时代的本质与价值。作者指出，Skill 不仅是提示词，更是封装专家经验、工作流和审美判断的“能力商品”，能有效弥合 Agent 使用中的认知差距。文章详细阐述了 Skill 的设计哲学（中心短、辐射厚）、像代码一样的维护流程，以及如何通过“把品味变成约束”来保证高质量输出。
Memfold AI 致力于引领个人计算交互的革命，提出从“人在应用中”转向“人通过代理与计算机交互”的愿景。文章详细介绍了创始团队在 IIT Madras 和 Microsoft Research 的背景，以及他们训练 Indic LLM 和构建 Agent 系统的经验。公司已获 Peak XV 等机构投资，正在寻找具有高度主观能动性的人才，共同打造并验证这一全新的计算界面。
文章介绍了腾讯新推出的操作系统级 AI 助手 Marvis（马维斯）。作者体验了其独特的“AI 办公室”UI 设计，该设计将不同的 Agent 视为员工，直观展示任务进度。作者测试了让 Computer Agent 分析电脑启动项并进行优化的流程，认为虽然目前存在限制，但其可视化的交互方式降低了 Agent 使用门槛。
文章深入分析了 Codex 的最新演变，指出其定位已从单纯的代码编写工具转变为具备跨 App 协作能力的“数字同事”。作者详细探讨了 Computer Use、评论式交互、Automations 自动化任务及移动端管理等新功能，并对比了 Codex 与 Claude Code 的差异化分工。文章认为，AI 工具的竞争维度正从“代码质量”扩展到“真实工作流的完成能力”，强调透明度与可控性是未来数字同事的核心。
文章展示了作者开发的系列交互式科学应用 Demo，包括黑洞时空扭曲可视化、达芬奇扑翼机机制实现以及科幻彗星探测器等。作者结合了 GPT Images、Nano Banana 2 进行设计，并使用 Gemini 3.1 Pro 编写代码。文章还分享了设计灵感和前端控件交互示例，旨在打造儿时向往的科学杂志风格的互动体验。
Compound Engineering v3.3.0 版本发布，核心更新在于优化 Agent 的交互模式。新版 Agent 会在执行耗时任务前先展示其理解（Stated、Inferred、Out-of-scope），从而在早期纠正错误假设，降低返工成本。此外，文档审查和代码审查技能变得更加智能，减少了不必要的用户打断，能够自动修复更多问题，旨在让 Agent 更易于纠正且更值得信赖。
文章探讨了 Anthropic 推出的 Claude Design 对设计行业，特别是 Figma 构成的巨大挑战。Claude Design 摒弃了传统的空白画布模式，转而采用“意图优先”的设计逻辑。它不仅通过自动化减少了繁琐的机械操作，缩短了迭代周期，还内置了设计系统一致性维护能力。这种从“工具”到“系统”的转变，降低了非设计师进行高质量设计的门槛，迫使设计工作流的核心从“如何执行”转向“如何清晰表达意图”。
作者开源了一款名为 guizang-ppt-skill 的 PPT 生成工具，该工具将其 10 年的设计经验封装为 AI Skill。产品采用“电子杂志 × 电子墨水”的设计风格，提供 10 种页面布局、5 套主题色及完整的交互逻辑，旨在通过人机协作接口，利用 AI 规范化生成高质量的演示文稿。
UX 领域先驱 Jakob Nielsen 指出，AI 将交互范式从“基于命令”转变为“基于意图”，用户角色从操作者变为监督者。文章重新定义了 AI 时代的可用性指标，提出了包含意图层、编排层和直接操作层的三层设计模型。作者强调“刻意认知摩擦”以应对信任校准，并展望了未来从“生成”走向“探索潜在空间”的交互愿景。
