Menu
Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
完整的網站開發指南，涵蓋 UI/UX 設計、React/Vue/Next.js 前端框架、Laravel/Node.js 後端、Coding Style 與互動式選擇精靈
REST API 與 GraphQL 設計規範指南
認證授權（Auth.js、Clerk、JWT/Cookie 安全、RBAC/ABAC）。不含 OAuth provider 細節
Laravel、Node.js、Django、FastAPI 後端框架指南
JavaScript、TypeScript、PHP、Python、CSS 代碼規範
元件組合模式（Compound Component、Slot Props、Headless UI）。取代 boolean prop 暴衝
| id | web_animation |
| name | web_animation |
| description | Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md |
優先級定義見
../_shared/priority-legend.md動畫哲學見../ui/no-ai-feel.md（cubic-bezier、staggered reveal）
| 層級 | 檔案 | 用途 |
|---|---|---|
| L0 | 本檔 | 路由表 |
| L1 | compact.md | 何時 CSS / 何時 JS |
| L2 | framer-motion.md | Framer Motion（最主流） |
| L2 | gsap.md | GSAP（時間軸 + ScrollTrigger） |
| L2 | view-transitions.md | View Transitions API（瀏覽器原生） |
動畫、animation、transition、scroll、motion、Framer Motion、GSAP、Lottie、View Transitions
prefers-reduced-motion？../perf/cwv.md）