← 返回业务线：AI 创意建站
本期窗口（07-21～08-04）8 个覆盖面子领域中 5 个查到确凿更新，逐一附版本号/发布日期与已核实来源。
一、动效实现手法与库：Motion 上硬件加速，React Bits 两周内密集迭代
Motion（motion.dev，原 Framer Motion）v12.43.0，发布于 2026-07-27：backgroundColor 动画与 SVG 元素动画在支持的浏览器上现在都能吃到硬件加速；同时修了一个 AnimatePresence 的 bug——退场元素与进场元素此前会互相插入交错、导致动画错乱，现已修复。
对建站的启发：硬件加速的 backgroundColor 动画意味着大面积渐变/色块过渡类的入场动效可以做得更流畅，不必再靠 transform 曲线绕开性能问题；AnimatePresence 修复直接影响路由切换、列表增删这类”进出场同时发生”的常见交互模式。
来源：Motion CHANGELOG（12.43.0，2026-07-27）
React Bits（github.com/DavidHDev/react-bits） 两周窗口内有多次组件更新：CurvedInput 三种变体（JS/Tailwind、TS/CSS、TS/Tailwind，7-24）；Plasma 背景组件性能修复（Quality 属性改名为 Iterations，默认帧率提到 60fps，7-21～23）；ShapeMagic、OptionWheel、LineSidebar 等组件更新（7-29～8-02，含 PR #1024 修复 StrictMode 下的动画帧重复触发问题，8-02）。
对建站的启发：这批更新都是可直接拿来用的入场/循环/交互组件，Plasma 的性能修复尤其值得注意——默认帧率提升到 60fps 前，作为背景动效大量使用时容易拖累页面性能，是”高完成度但要注意性能”的一个具体反例。
来源：React Bits commits（2026-07-19～08-02，逐条 commit 时间已核实）
GSAP 本期无新版本——npm 上仍是 3.15.0（2026-04-13 发布），核实 GSAP 官方 GitHub releases 与论坛均无更新，跳过。
二、vibe coding 建站工作流：Lovable 与 bolt.new 各有更新
Lovable changelog 于 2026-07-22 记录三条更新：① 未指定模型的内置 AI 功能默认模型从 Gemini 3 Flash Preview 换成 Gemini 3.6 Flash；② 批量创建/更新/删除 Shopify 商品或规格时，从”逐个审批”改为”整批一次审批”，失败项会单独报告并可选择性重试；③ Lovable 的 MCP server 现在也是一个 Codex 插件，用 Codex 的用户可以直接在 Codex 里改动、创建、部署 Lovable 应用。 bolt.new 官方 release notes 显示：仍留在旧版”v1 agent”上的项目将于 2026-08-03 被自动迁移到 Bolt Agent，聊天记录在迁移过程中保留。 对建站的启发：Lovable 的”批量审批”设计和赛博工头”人工闸门”方法论是同一个思路的建站场景实现——不是逐项卡审批增加摩擦，而是整批审批+失败项单独重试，兼顾效率与可控性，是”批量操作类人工闸门”值得参考的一个具体范式。 来源：Lovable Changelog（2026-07-22）、bolt.new release notes（2026-08-03 迁移公告）
三、设计到代码：Figma Make 新增属性面板与画布标注
本条与 design-teaching 本期综述共用同一素材，避免重复收录，仅在此简述与建站相关的部分，详细介绍见 AI 设计教学·本期综述（2026-08-04）。
Figma 于 2026-07-30/31 给 Figma Make 加了属性面板（可视化调整间距/字体/布局）与画布标注（在设计稿上标出位置、描述意图，AI agent 就地执行修改）两项功能，让”设计到代码”环节里 AI 改稿从纯文字提示变成”指哪改哪”，减少语言表达带来的歧义。 来源：Figma Blog（2026-07-30/31）
四、性能/无障碍/响应式：Chrome 151 给单页应用加了新的交互性能追踪指标
Chrome 151 于 2026-07-28 进入稳定版（官方博客发布于 2026-07-29），与建站性能相关的更新包括：Performance Timeline 新增两个 entry 类型——soft-navigation（追踪单页应用里由交互触发的同文档路由切换，为后续性能数据建立新的时间原点，不再把 SPA 内的路由跳转错误地归因到首次加载）与 interaction-contentful-paint（追踪某次交互触发的局部内容重绘，即使中间经过异步请求也能定位延迟来源）；DevTools 151 同步新增 CSS 优先级（specificity）明细面板与 ::interest-button 伪元素支持。
对建站的启发：这两个新指标弥补了此前 Core Web Vitals（LCP/INP）对 SPA 内部路由切换”看不清”的盲区，用 vibe coding 工具做的落地页/作品集如果是 SPA 架构、且用到大量路由内动效，可以用这两个新指标替代”感觉上卡不卡”的主观判断。
来源：Chrome for Developers · New in Chrome 151（2026-07-28/29）
本期未展开（无新料或不硬凑）
- Web 动效技法图鉴、常用组件/交互模式：本期更新已并入”动效实现手法与库”一节（React Bits 组件本身即是技法/组件的直接载体），不重复单列。
- 视觉风格与「高完成度」做法：核查 Awwwards 趋势页、Figma 官方”2026 设计趋势”资源等，均为常青/年度性内容，无带确切日期的窗口内新进展。
- 部署与技术栈：核查 GitHub Pages 官方博客、Jekyll RubyGems（仍 4.4.1，2025-01-29 发布，无更新），均无窗口内新进展。
- v0.app changelog 提到的 Excel/Word 附件、MCP 会话管理工具、
disable-model-invocation参数等功能真实存在，但未能核实具体落在本窗口内的发布日期，暂不纳入，留待下期确认。 - Safari Technology Preview 249（2026-07-30）已确认发布日期与大类（CSS/Animations/Rendering），但具体改动条目未能独立核实，暂不展开。
参考来源
- Motion CHANGELOG（12.43.0，2026-07-27）— https://raw.githubusercontent.com/motiondivision/motion/main/CHANGELOG.md
- React Bits commits（2026-07-19～08-02）— https://github.com/DavidHDev/react-bits/commits/main
- Lovable Changelog（2026-07-22）— https://docs.lovable.dev/changelog
- bolt.new release notes（2026-08-03）— https://support.bolt.new/release-notes
- Figma Blog：A Properties Panel and Annotations, Now in Figma Make（2026-07-30/31）— https://www.figma.com/blog/properties-panel-and-annotations-now-in-figma-make/
- Chrome for Developers：New in Chrome 151（2026-07-28/29）— https://developer.chrome.com/blog/new-in-chrome-151