animation-designer 是做什麼的？
專精於使用 Framer Motion 和 CSS 的網頁動畫、轉場及動態設計專家。
專精於使用 Framer Motion 和 CSS 的網頁動畫、轉場及動態設計專家。
這個技能將 AI 代理（例如 Claude Code）打造成一位網頁動畫與動態設計專家。它的核心價值在於協助開發者使用 Framer Motion 和 CSS，在網頁應用程式中建立流暢、吸引人的動畫和轉場效果。支援所有可執行技能的平台（如 Claude Code、Cursor 等），其運作方式是透過分析使用者需求，提供動畫建議、程式碼範例和最佳實踐，從而提升使用者體驗。無論是簡單的懸停效果，還是複雜的頁面轉場，此技能都能給出專業的實作方案，節省開發時間並確保動畫品質。
npx skills add https://github.com/daffy0208/ai-dev-standards/tree/main/skills/animation-designer專精於使用 Framer Motion 和 CSS 的網頁動畫、轉場及動態設計專家。
This repo contains 1 individual skill — each has its own dedicated page.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.