de dotlottie-web493
Directives et modèles pour implémenter des animations dotLottie/Lottie performantes sur le web (JS vanilla et React), incluant les workers, les machines d'état et le thémage.
Fournit des conseils d'implémentation pratiques pour utiliser les runtimes dotLottie afin de rendre des animations Lottie dans des projets web. Couvre la sélection de packages, l'intégration basique et avancée (hooks et composants React), l'utilisation de Web Workers pour la performance, les machines d'état pour l'interactivité, le thémage via les slots, et des conseils de débogage.
À utiliser lors de la création ou de l'optimisation d'animations Lottie/dotLottie dans des applications web (JS vanilla, React, Next.js) — particulièrement lorsque la performance, l'interactivité ou le thémage sont requis. Utile pour ajouter des éléments d'interface animés avec un impact minimal sur le bundle et une haute performance au runtime.
Utile pour les assistants front-end et les agents d'outillage de build capables d'éditer du code JS/TS/React et d'exécuter des tests compatibles navigateur/SSR (agents axés code comme Copilot, Cursor, ou LLM spécialisés front-end).
dotLottie-web est une compétence bien documentée pour l'implémentation d'animations Lottie sur le web, couvrant JS vanilla, React, Web Workers, machines à états et thématiques. Le SKILL.md est complet avec des exemples de code clairs et des meilleures pratiques de performance. Le script groupé (remove-dev.mjs) est un utilitaire de nettoyage utilisant zx/globby qui a été ignoré lors des tests en raison de la gestion de l'extension .mjs. Aucune préoccupation de sécurité trouvée — pas d'appels réseau, de justificatifs ou de modèles destructeurs.
La compétence est principalement une compétence de référence/directives plutôt qu'une compétence d'exécution d'outil. Le script remove-dev.mjs est un utilitaire de développement tangentiel à l'objectif principal de la compétence. SKILL.md fait référence à un fichier references/dynamic-slots.md qui n'a pas été récupéré.
