from firstbrain13
Guidelines and best practices for building high-fidelity web animations using Anime.js, including timelines, staggering, easing, and performance notes.
This skill provides a compact, opinionated playbook for using Anime.js to produce high-fidelity, performance-conscious web animations. It guides agents through selecting targets, designing timelines with anime.timeline(), applying advanced easing and staggered delays, and writing performant animation code for DOM and SVG.
Trigger this skill when building complex, multi-stage landing page animations, animated data visualizations, SVG morphs, or any interactive UI that needs bespoke motion beyond simple CSS transitions. It is intended for designers and engineers aiming for polished, award-quality animations.
will-change, GPU-accelerated transforms).Useful for agents that can generate JavaScript/CSS or modify site code (Copilot-style agents, code-writing assistants).
This skill has not been reviewed by our automated audit pipeline yet.
SEO Keyword Strategist
Analyzes content to calculate keyword density, suggest semantic/LSI variations, and provide a prioritized keyword strategy to avoid over-optimization.
n8n Python Code Node
Practical guidance and templates for writing Python code inside n8n Code nodes—covers data access patterns, return format, limitations (no external libraries),
