Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other…
Updated 2026-09-12 01:37:22 +08:00
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
Updated 2026-09-12 01:37:19 +08:00
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop…
Updated 2026-09-12 01:37:10 +08:00
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Updated 2026-09-12 01:37:03 +08:00
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Updated 2026-09-12 01:36:58 +08:00
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive.…
Updated 2026-09-12 01:19:07 +08:00
Guide for implementing smooth, native-feeling animations using React's View Transition API (`` component, `addTransitionType`, and CSS view…
Updated 2026-09-12 01:04:15 +08:00
emil-design-eng: This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.; review-animations: Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.; animation-vocabulary: Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy…
Updated 2026-08-21 17:32:32 +08:00
threejs-animation: Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating…; threejs-fundamentals: Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers,…; threejs-shaders: Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices,…
Updated 2026-07-10 04:45:46 +08:00
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney…
Updated 2026-05-18 19:30:13 +08:00
gsap-core: Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive,…; gsap-scrolltrigger: Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax,…; gsap-performance: Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing…
Updated 2026-04-22 07:47:02 +08:00
excalidraw-diagram: Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation…; obsidian-canvas-creator: Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an…; mermaid-visualizer: Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to vi…
Updated 2026-02-12 10:18:41 +08:00
Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when…
Updated 2026-02-09 17:00:06 +08:00
Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page…
Updated 2026-01-29 02:52:21 +08:00
Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences.…
Updated 2026-01-12 09:14:02 +08:00