Skip to main content
SkillJury
Back to registry

emilkowal-animations

pproenca/dot-skills

Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.

Installs502
Install command
npx skills add https://github.com/pproenca/dot-skills --skill emilkowal-animations
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact. Reference these guidelines when: - Adding animations to React components - Choosing easing curves or timing values - Implementing gesture-based interactions (swipe, drag) - Building toast notifications or drawer components - Optimizing animation performance - Ensuring animation accessibility - ease-out-default - Use ease-out as your default easing - ease-custom-curves - Use custom cubic-bezier over built-in CSS - ease-in-out-onscreen - Use ease-in-out for on-screen movement - ease-spring-natural - Use spring animations for natural motion - ease-ios-drawer - Use iOS-style easing for drawer components - ease-context-matters - Match easing to animation context - timing-300ms-max - Keep UI animations under 300ms - timing-faster-better - Faster animations improve perceived performance - timing-asymmetric - Use asymmetric timing for press and release - timing-tooltip-delay - Delay initial tooltips, instant subsequent ones - timing-drawer-500ms - Use 500ms duration for drawer animations - props-transform-opacity - Animate only transform and opacity - props-hardware-accelerated - Use hardware-accelerated animations when main thread is busy - props-will-change - Use...

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does emilkowal-animations do?

Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.

Is emilkowal-animations good?

emilkowal-animations does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does emilkowal-animations work with?

emilkowal-animations currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to emilkowal-animations?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install emilkowal-animations?

npx skills add https://github.com/pproenca/dot-skills --skill emilkowal-animations

telegram-bot-builderflutter-app-sizesharp-edgesiterative-retrieval
Related skills

More from pproenca/dot-skills

zod

by pproenca/dot-skills

744

Comprehensive schema validation guide for Zod in TypeScript applications. Contains 43 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Software EngineeringFrontend and DesignFirst seen Jan 19, 2026

clean-architecture

by pproenca/dot-skills

695

Comprehensive guide to Clean Architecture principles for designing maintainable, testable software systems. Based on Robert C. Martin's "Clean Architecture: A Craftsman's Guide to Software Structure and Design." Contains 42 rules across 8 categories, prioritized by architectural impact.

Software EngineeringFrontend and DesignFirst seen Jan 23, 2026

nuqs

by pproenca/dot-skills

426

Comprehensive guide for type-safe URL query state management with nuqs in Next.js applications. Contains 42 rules across 8 categories, prioritized by impact to guide code generation, refactoring, and code review.

Software EngineeringFrontend and DesignFirst seen Jan 19, 2026

react-hook-form

by pproenca/dot-skills

257

Comprehensive performance optimization guide for React Hook Form applications. Contains 41 rules across 8 categories, prioritized by impact to guide form development, automated refactoring, and code generation.

Software EngineeringFrontend and DesignFirst seen Jan 19, 2026
Related skills

Alternatives in Software Engineering

telegram-bot-builder

by sickn33/antigravity-awesome-skills

998

Source details, install context, and public review data are available on the full page.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

sharp-edges

by trailofbits/skills

994

Evaluates whether APIs, configurations, and interfaces are resistant to developer misuse. Identifies designs where the "easy path" leads to insecurity.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026

iterative-retrieval

by affaan-m/everything-claude-code

993

Solves the "context problem" in multi-agent workflows where subagents don't know what context they need until they start working.

Software EngineeringFrontend and DesignFirst seen Jan 25, 2026