Навыки: Дизайн

Design or repair website motion such as scroll choreography, page transitions, reveals, gestures, or kinetic type. Use w...

Implement professional web animations in a target repo against an approved design blueprint or an explicit motion direct...

Use when deciding how a film beat looks and moves — motion density (a gesture in progress at every moment: 0.75 s gestur...

Skill de Motion Design para animações, transições e micro-interações. Use quando precisar definir ou implementar animaçõ...

Passerelle entre la marque de {{COMPANY_NAME}} et HyperFrames pour tout ce qui est animé dans une vidéo, titres, chiffre...

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides ti...

name: motion-design-expert

Design and implement accessible UI motion systems for React, Next.js, and frontend interfaces. Use for animation, transi...

Agent profile for design motion systems, transitions, easing, reduced-motion behavior, and performance-safe animation. U...

Use this skill for motion tokens, durations, easing, choreographed transitions, reduced-motion support. Trigger when the...

Motion design and micro-animations for web interfaces — Framer Motion layout animations, CSS scroll-driven animations, V...

Advanced motion designer with decades of After Effects and motion graphics experience, specialized in creating engaging...

Use when React animation library — spring physics, gesture animations, layout animations, scroll effects, SVG path drawi...

Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or decidin...

Design and audit interface motion so every animation explains something - direction, amount, cause, state - with a share...

Use this to make a finished motion video that has something to say: an explainer, a product or feature video, a data sto...

Enforce the calm-motion rule across every animation, transition, and micro-interaction. 200ms ease-out default, no sprin...

Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.see...

Use when a web project needs animation or motion-tool selection across native CSS/WAAPI/View Transitions, Motion, Anime....

Plans and reviews coherent motion systems for websites and digital interfaces, defining choreography, timing, easing, tr...

Motion (motion.dev / framer-motion v12+) animation expert. Covers the full engine — projection/FLIP, WAAPI vs main-threa...

Create professional launch films, product explainer videos, app walkthroughs and kinetic-typography motion graphics as O...

Diagnose and fix Motion/Framer Motion FLIP layout drift, especially layoutId indicators, selected tabs, shared elements,...

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, va...

Animación en React con Motion (ex Framer Motion): variants, gestos, layout, AnimatePresence, springs, useScroll. ÚSALA e...

Single-frame motion-design composition with looping CSS animations. Rotating type ring, animated globe, ticking timer, p...

Plan and render reusable film and campaign motion graphics such as title cards, lower thirds, watermarks, end cards, tex...

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit,...

Use when creating a short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, ch...

Tommy's taste for motion graphics videos (launch videos, promo videos, product demos, explainers): something always move...

Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decis...

Make code-first motion (an animation that is a program, rendered frame by frame in a headless browser) look directed ins...

为当前网页或组件查找、选型和改造动效。包含 160 个案例的 HTML/CSS/JS、参数与中英文索引，覆盖基础、文字、交互和高级动效。

Motion layout animation internals - layoutId, layoutGroup, FLIP mechanism, NodeStack promote/relegate, scale correction....

Brand motion graphics for creator videos - a Remotion component kit (key phrases, lists, lower thirds, journeys, big wor...

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animatio...

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animatio...

Review whole motion-system release resilience.

Make a looping product or photo reel, 8 to 15 seconds, from the user's own images (product shots, screenshots, cutouts,...

Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.

Turn a voiceover into a slick, portfolio-grade motion-graphic promo or ad with Remotion. Works from an MP3, WAV, M4A or...

Write a complete 8-part Claude Motion prompt (The bar, Format, The one rule, Look, Motion, Never, Before you finish, The...

Animate state-driven layout/layoutId changes.

Design tactile interaction feedback and timing.

Animate routes; support native View Transitions.

Implement Motion APIs, presence and lifecycle.

Use when reviewing a film's source or a diff to its index.html or timeline.js, before a render, or when asked whether a...

Build motion-rich websites and sections as running code: WebGL hero, particles, scroll-driven 3D, GLSL shader background...