CSS- und UI-Animationsmuster für reaktionsfähige, ausgefeilte Schnittstellen. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Tooltips, Schaltflächen-Feedback, Übergänge implementieren oder Animationsprobleme wie Flimmern und Wackeln beheben.
Installieren Sie den KI-Skill animation-best-practices schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: aidenybai/react-scan.
Detailed reference guide for common animation scenarios. Use this as a checklist when implementing animations.
When something feels off but you can't identify why, record the animation and play it back frame by frame. This reveals details invisible at normal speed.
Elements may shift by 1px at the start/end of CSS transform animations due to GPU/CPU rendering handoff.
CSS- und UI-Animationsmuster für reaktionsfähige, ausgefeilte Schnittstellen. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Tooltips, Schaltflächen-Feedback, Übergänge implementieren oder Animationsprobleme wie Flimmern und Wackeln beheben. Quelle: aidenybai/react-scan.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practicesCSS- und UI-Animationsmuster für reaktionsfähige, ausgefeilte Schnittstellen. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Tooltips, Schaltflächen-Feedback, Übergänge implementieren oder Animationsprobleme wie Flimmern und Wackeln beheben. Quelle: aidenybai/react-scan.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/aidenybai/react-scan