ai-ui-ux-motion-engine は何をしますか？
AIによるウェブサイトデザイン、UI/UX、モーショングラフィックス、3Dウェブエージェントスキル（Codex、Claude Code、Cursor、Copilot、Antigravity、Gemini、Windsurfなどに対応）。
AIによるウェブサイトデザイン、UI/UX、モーショングラフィックス、3Dウェブエージェントスキル（Codex、Claude Code、Cursor、Copilot、Antigravity、Gemini、Windsurfなどに対応）。
このスキルは、コード生成型AIエージェント（Codex、Claude Code、Cursor、Copilot、Antigravity、Gemini、Windsurfなど）向けに設計された、ウェブデザインとUI/UX、モーショングラフィックス、3Dウェブ要素を統合するためのエージェントスキルです。開発者は自然言語の指示を用いて、プロフェッショナルなウェブサイトのデザイン提案、ユーザーインターフェースのレイアウト改善、アニメーションやインタラクティブなモーション効果、さらにはThree.jsなどを活用した3Dコンテンツの生成をエージェントに依頼できます。このスキルは、AIエージェントがデザインシステムの原則に従い、アクセシビリティとレスポンシブデザインを考慮したコードを出力することを支援します。具体的には、CSSアニメーション、SVGモーショングラフィックス、WebGLの設定、UIコンポーネントの生成など、デザインから実装までをシームレスに連携させることで、開発者の作業効率を大幅に向上させます。
npx skills add OpaceDigitalAgency/ai-ui-ux-motion-engineAIによるウェブサイトデザイン、UI/UX、モーショングラフィックス、3Dウェブエージェントスキル（Codex、Claude Code、Cursor、Copilot、Antigravity、Gemini、Windsurfなどに対応）。
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.