Expert in web animations, transitions, and motion design using Framer Motion and CSS
Updated 2026-09-14 20:49:50 +08:00
hyperframes-cli: Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes,…; hyperframes: Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo,…; hyperframes-registry: Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visua…
Updated 2026-09-14 15:47:29 +08:00
fixing-motion-performance: Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations…; baseline-ui: Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.; fixing-accessibility: Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form err…
Updated 2026-09-13 16:31:49 +08:00
remotion-best-practices: Router for all Remotion skills; remotion-render: Export a Remotion video; remotion-create: Create a new Remotion video; remotion-captions: Transcribing, displaying and animating captions; remotion-markup: Content, animation and effects best practices; remotion-interactivity: Structure Remotion markup for interactivity; remotion-saas: Build an app with Remotion; remotion-docs: Search Remotion documentation; remotion-upgrade: Upgrade Remotion, and related packages; remoti…
Updated 2026-09-12 21:29:06 +08:00
Remotion Map animation knowledge
Updated 2026-09-12 02:03:17 +08:00
Content, animation and effects best practices
Updated 2026-09-12 01:13:02 +08:00
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use…
Updated 2026-08-25 08:42:00 +08:00
Create, edit, or fix Lottie/Bodymovin JSON animations for the local Skia Skottie player. Use for text-to-Lottie, SVG/logo/type animation, loaders/icons, state…
Updated 2026-07-25 15:22:58 +08:00
UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11…
Updated 2026-07-20 21:34:01 +08:00
Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects…
Updated 2026-04-24 20:04:09 +08:00