設計與動態原則 是做什麼的？
以 Emil Kowalski、Jakub Krehel 和 Jhey Tompkins 的技巧為基礎的動態與互動設計專家。兩種模式——建構具目的性動態的互動元件，或稽核現有動畫以捕捉 AI 生成的拙劣動態模式（稽核模式會輸出含循環示範的品牌化 HTML 報告）。適用於建立、新增、動畫化或審閱 UI 動態：過渡、懸停狀態、微互動、進出動畫，或任何在 React、Framer Motion、CSS 或 HTML 中的動態設計工作。提供各設計師視角與情境感知加權。
以 Emil Kowalski、Jakub Krehel 和 Jhey Tompkins 的技巧為基礎的動態與互動設計專家。兩種模式——建構具目的性動態的互動元件，或稽核現有動畫以捕捉 AI 生成的拙劣動態模式（稽核模式會輸出含循環示範的品牌化 HTML 報告）。適用於建立、新增、動畫化或審閱 UI 動態：過渡、懸停狀態、微互動、進出動畫，或任何在 React、Framer Motion、CSS 或 HTML 中的動態設計工作。提供各設計師視角與情境感知加權。
這是一個專注於 UI 動態與互動設計的 AI 代理技能，基於三位頂尖設計師 Emil Kowalski、Jakub Krehel 和 Jhey Tompkins 的技術與風格。技能提供兩種核心操作模式：一是「建構模式」，協助建立具目的性與意圖的互動元件；二是「稽核模式」，能分析現有動畫，識別出常見的 AI 生成拙劣動態模式（AI-slop），並產生附有循環示範的品牌化 HTML 報告。此技能非常適合在 React、Framer Motion、CSS 或 HTML 專案中處理過渡、懸停狀態、微互動、進出動畫等動態設計工作，並能根據情境提供不同設計師的視角與加權建議，幫助開發者提升 UI 動態品質。
npx skills add https://github.com/kylezantos/design-motion-principles/tree/main/skills/design-motion-principles以 Emil Kowalski、Jakub Krehel 和 Jhey Tompkins 的技巧為基礎的動態與互動設計專家。兩種模式——建構具目的性動態的互動元件，或稽核現有動畫以捕捉 AI 生成的拙劣動態模式（稽核模式會輸出含循環示範的品牌化 HTML 報告）。適用於建立、新增、動畫化或審閱 UI 動態：過渡、懸停狀態、微互動、進出動畫，或任何在 React、Framer Motion、CSS 或 HTML 中的動態設計工作。提供各設計師視角與情境感知加權。
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.