Qu'est-ce que technical-constraints ?
À utiliser lorsque l'animation est limitée par la prise en charge du navigateur, les capacités de la plate-forme ou les exigences techniques Source : dylantarre/animation-principles.
·technical-constraints
*
technical-constraints
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lorsque l'animation est limitée par la prise en charge du navigateur, les capacités de la plate-forme ou les exigences techniques
Installation
Comment installer technical-constraints
Installez rapidement le skill IA technical-constraints dans votre environnement de développement via la ligne de commande
- Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
- Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints
- Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
Source : dylantarre/animation-principles.
SKILL.md
Voir l'originalStraight Ahead vs Pose-to-Pose Issue: Runtime calculations too expensive Fix: Pre-calculate animations. Use CSS keyframes (pose-to-pose) over JS frame-by-frame (straight ahead).
Solid Drawing Issue: Complex shapes cause rendering issues Fix: Simplify geometry. Use CSS shapes over SVG paths. Reduce polygon counts in 3D.
Timing Issue: Consistent timing across devices Fix: Use relative units. Test on slowest target device. Consider requestAnimationFrame for JS.
À utiliser lorsque l'animation est limitée par la prise en charge du navigateur, les capacités de la plate-forme ou les exigences techniques Source : dylantarre/animation-principles.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-05
- Mis à jour
- 2026-03-11
Réponses rapides
Comment installer technical-constraints ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
Où se trouve le dépôt source ?
https://github.com/dylantarre/animation-principles
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-03-05