Emil Kowalski、Jakub Krehel、Jhey Tompkins のテクニックに基づくモーション＆インタラクションデザインのエキスパート。2つのモードを提供：意図的なモーションを持つインタラクティブコンポーネントを構築するか、既存のアニメーションを監査して「AIスロップ」と呼ばれる不適切なモーションパターンを検出します（監査はループデモ付きのブランドHTMLレポートを生成します）。React、Framer Motion、CSS、HTMLでのUIモーション作成・追加・アニメーション・レビュー時に使用します。デザイナーごとの視点とコンテキストに応じた重み付けを提供します。
このスキルは、Emil Kowalski、Jakub Krehel、Jhey Tompkinsという3人の有名なモーションデザイナーのテクニックを統合した、UIモーションとインタラクションデザインの専門家エージェントです。主に2つのモードで動作します。1つ目は「ビルドモード」で、Framer MotionやCSS、HTMLを用いて、意図的で洗練されたトランジション、ホバー状態、マイクロインタラクション、エントリー/イグジットアニメーションを備えたインタラクティブコンポーネントの作成を支援します。2つ目は「監査モード」で、既存のアニメーションを分析し、「AIスロップ」と呼ばれる不自然で過剰なモーションパターンを検出し、その結果をループデモを含むブランド化されたHTMLレポートとして出力します。React、Framer Motion、CSS、HTMLのプロジェクトに対応し、各デザイナーの視点に基づいたアドバイスをコンテキストに応じて重み付けして提供するため、初心者からプロフェッショナルまで、UIモーションの品質向上に役立ちます。
npx skills add https://github.com/kylezantos/design-motion-principles/tree/main/skills/design-motion-principlesEmil Kowalski、Jakub Krehel、Jhey Tompkins のテクニックに基づく、モーションおよびインタラクションデザインのエキスパートです。2つのモードを備えています。意図的なモーションを備えたインタラクティブコンポーネントを構築するか、既存のアニメーションを監査して「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.