动画设计&预览：在对话里演示 Anime.js，并产出可落地的 HTML+JS
「动画设计&预览」是 SkillHub 上基于 Anime.js 的 community Skill（@user_bb1f0d09/anime-preview，v1.0.0，design-media）。无需 API Key。用户提及动画、过渡等关键词时，Agent 可通过 show_widget 在对话中展示动效 demo，并生成完整 HTML+JavaScript 供项目使用。安装需 skillhub CLI，用 --dir 指向 Cursor 等客户端的 skills 目录。适合需要快速试动效、再拿可运行代码的前端场景；复杂集成仍需本地验证。
阅读全文vercel-react-view-transitions：按官方工作流给 React 加上原生过渡动画
vercel-react-view-transitions 是 Vercel Labs 官方 Agent Skill，教 Cursor、Claude Code、Codex 用 React 的 ViewTransition 与 addTransitionType 做原生页面过渡。可用 npx skills add 安装。覆盖共享元素、Suspense 揭示、列表重排和路由方向动画，并附 Next.js App Router 说明。ViewTransition 目前在 React Canary 通道；App Router 已内置，不必再装 react@canary。不支持的浏览器只是没有动画。
阅读全文