设计-动效-原则 是做什么的？
基于 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的动效设计工作。提供每位设计师视角与上下文感知权重。
该技能整合了三位顶尖动效设计师——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.