←Leaderboard/Design/skills
Last commit on October 11, 2026·Created on March 16, 2026

emilkowalski/skills

“A framework for building fluid mobile animations and gestures in React Native and Expo”
Combined rank
#23
across all skills
In Design
#5
category rank
Stars
47.2k
+4.5% in last 7d
Forks
2.7k
+6.0% in last 7d
Watchers
189
+9.9% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill provides a structured approach to mobile motion, guiding developers through the sequence of decisions that determine how an animation feels. It focuses on thread management, property selection, and the hand-off between gestures and motion to ensure interfaces remain responsive.

Designed for Expo developers, the guidance covers practical implementation using Reanimated, Gesture Handler, and expo-haptics to build screen transitions, sheets, and tactile press feedback.

WHO IT'S FOR
React Native / Expo developers
implementing high-performance mobile animations and gestures
Frontend engineers
optimizing web animation frame rates and performance
Product designers
defining motion logic and animation behavior
UI/UX engineers
building polished transitions and interactive components
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

Install Skills For Designers and Engineers

Installs: The emilkowalski/skills repository bundle. The listed paths are a bounded selection; other skills may also be installed.

  1. Run the documented installation command in a terminal.

    npx skills@latest add emilkowalski/skills
README.md ↗ · Checked Oct 18, 2026

Give it something to do.

Suggested first task

Choose a toast library

Uses pick-ui-library

  • Access to the frontend project's package.json.
Use pick-ui-library to recommend a library for toast notifications in this frontend project. Check package.json first, recommend one library from the curated list, and briefly explain the choice. If an existing dependency already covers this, flag the recommendation without changing dependencies.
skills/pick-ui-library/SKILL.md ↗ · Checked Oct 18, 2026
Suggested first task

Review one component's motion

Uses review-animations

  • A component diff containing animation or transition code.
  • Brief context about how often users encounter the interaction and whether it is keyboard initiated.
Use review-animations to review the supplied component diff. Focus on whether its motion is justified, easing and duration, transform origin, interruptibility, animated properties, and reduced-motion support. Report concrete findings without implementing changes.
Suggested first task

Stress-test a component with realistic data

Uses break-ui

  • The target component and its existing props, fixture, mock, or API stub.
  • Available validation schemas or API contracts defining field limits.
  • A development environment or prototype route for the data toggle.
Use break-ui to stress-test the supplied component with plausible worst-case data. Inspect the values it renders and any available schema limits, then provide demo and worst-case datasets behind a dev-only toggle through its existing data boundary. Report what breaks and propose a fix for each issue, then stop before fixing.
skills/break-ui/SKILL.md ↗ · Checked Oct 18, 2026