Menu
Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
完整的網站開發指南，涵蓋 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 暴衝
Based on SOC occupation classification
| 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）