動畫設計&預覽：在對話裏演示 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。不支持的瀏覽器只是沒有動畫。
閱讀全文