Toolverse
All skills

fixing-motion-performance

by ibelick

Fix animation performance issues.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
ibelick
Category
UX / Design
Views
2

About this skill

Fix animation performance issues.

How to use

  1. Aktywuj skill poleceniem /fixing-motion-performance w konwersacji, aby zastosować reguły optymalizacji animacji do całej pracy nad UI w tym czacie.

  2. Aby przeanalizować konkretny plik, użyj /fixing-motion-performance <plik> — skill przegląda kod pod kątem wszystkich reguł wydajności i zwraca listę naruszeń z dokładnymi cytatami z kodu.

  3. Dla każdego znalezionego problemu skill wyjaśnia, dlaczego ma znaczenie dla wydajności, i proponuje konkretną poprawkę na poziomie kodu.

  4. Stosuj skill podczas dodawania lub modyfikowania animacji CSS, Web Animations API, bibliotek Motion, requestAnimationFrame lub GSAP.

  5. Odwołuj się do wytycznych przy refaktoryzacji zacinających się interakcji, implementacji scroll-linked motion, animacji layout, filtrów, masek, gradientów lub CSS variables.

  6. Skill nie zmienia bibliotek animacji — optymalizuje je w ramach istniejącego narzędzia, chyba że wyraźnie poprosisz o migrację.

Related skills

scroll-experience

by davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not

UX / Design
75117

godot-gdscript-patterns

by sickn33

Master Godot 4 GDScript patterns including signals, scenes, state machines, and optimization. Use when building Godot games, implementing game systems, or learning GDScript best practices.

UX / Design
27105

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

error-handling-patterns

by wshobson

Master error handling patterns across languages including exceptions, Result types, error propagation, and graceful degradation to build resilient applications. Use when implementing error handling, designing APIs, or improving application reliability.

UX / Design
22145

ffmpeg-cli

by openclaw

Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and merging clips, (3) Audio extraction and manipulation, (4) Thumbnail and GIF generation, (5) Resolution scaling and quality adjustment, (6) Adding subtitles or

UX / Design
4298

cold-email

by alirezarezvani

When the user wants to write, improve, or build a sequence of B2B cold outreach emails to prospects who haven't asked to hear from them. Use when the user mentions 'cold email,' 'cold outreach,' 'prospecting emails,' 'SDR emails,' 'sales emails,' 'first touch email,' 'follow-up

UX / Design
2359