animation-designer
Animation Designer Skill
I help you create smooth, professional animations for web applications using Framer Motion and CSS.
Animation Gate (Required)
- Do not add animation unless the user explicitly asks for it.
- If the project requires
motion/react, use it instead offramer-motion. - If
ui-style-complianceapplies, follow its rules (transform/opacity only, <=200ms feedback, respect reduced motion).
What I Do
UI Animations:
- Page transitions
- Component enter/exit animations
- Hover effects, button interactions
- Loading animations
More from dereknex/skills
web-guidelines
Use when designing, reviewing, or implementing web UIs and you need concrete MUST/SHOULD/NEVER rules for accessibility, interaction patterns, forms, layout, animation, performance, content, or visual design decisions. Also use when asked to "review my UI", "check accessibility", or "audit design".
11web-interface-guidelines
Use when designing, reviewing, or implementing web UIs and you need concrete MUST/SHOULD/NEVER rules for accessibility, interaction patterns, forms, layout, animation, performance, content, or visual design decisions.
8seo-optimizer
Use when optimizing website content, improving search rankings, conducting keyword research, or implementing technical SEO best practices.
8frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
6seo
SEO auditing, optimization, and implementation. Use when auditing sites for SEO issues, optimizing content for search, conducting keyword research, implementing technical SEO, or improving organic search performance. For automated crawl-based audits with 230+ rules, use audit-website instead.
5ux-design-tips
Use when asked for UX strategy or behavior guidance on landing pages, onboarding, pricing, CTAs, social proof, personalization, login, permissions, or brand memorability.
5