fixing-motion-performance 是做什么的？
审查并修复动画性能问题，包括布局颠簸、合成器属性、滚动关联动画以及模糊效果。在动画卡顿、过渡不流畅或审查 CSS/JS 动画性能时使用。
审查并修复动画性能问题，包括布局颠簸、合成器属性、滚动关联动画以及模糊效果。在动画卡顿、过渡不流畅或审查 CSS/JS 动画性能时使用。
该技能用于审计和修复 Web 动画性能问题，涵盖常见的性能瓶颈如布局颠簸（layout thrashing）、合成器属性误用、滚动关联动画以及模糊效果的性能开销。用户可以在遇到动画掉帧、过渡不平滑或审查 CSS/JS 动画代码时主动调用。它支持主流开发环境（如 Claude Code、Cursor、Codex 等），通过分析动画使用模式并给出优化建议（例如强制使用 transform 和 opacity、避免在动画中修改会引起重排的属性、使用 will-change 提示等）来提升渲染性能。使用该技能可显著减少页面卡顿，提高交互流畅度，尤其适用于复杂 UI 动画场景。
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/fixing-motion-performance审查并修复动画性能问题，包括布局颠簸、合成器属性、滚动关联动画以及模糊效果。在动画卡顿、过渡不流畅或审查 CSS/JS 动画性能时使用。
This repo contains 3 individual skills — each has its own dedicated page.
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
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.