If you're building React Native apps and need animations that don't stutter, this skill gets Claude up to speed on Reanimated 4.x. It's the go-to library for running animations on the UI thread instead of the JavaScript thread, which matters when you need guaranteed 60fps. The skill covers the core workflow: shared values, animated styles, the declarative entering/exiting API, and gesture handlers. It also reminds you to check useReducedMotion for accessibility, which is easy to forget. Reanimated has basically replaced Framer Motion in the mobile world because of the performance difference. Comes with Expo SDK 54 and up, so if you're on a recent version you likely already have it installed.

skills.sh installs
199
GitHub stars
133
last updated
Aug 21, 2026

Install

$ npx -y skills add dralgorhythm/claude-agentic-framework --skill react-native-reanimated --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're building React Native apps and need animations that don't stutter, this skill gets Claude up to speed on Reanimated 4.x. It's the go-to library for running animations on the UI thread instead of the JavaScript thread, which matters when you need guaranteed 60fps. The skill covers the core workflow: shared values, animated styles, the declarative entering/exiting API, and gesture handlers. It also reminds you to check useReducedMotion for accessibility, which is easy to forget. Reanimated has basically replaced Framer Motion in the mobile world because of the performance difference. Comes with Expo SDK 54 and up, so if you're on a recent version you likely already have it installed.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/dralgorhythm/claude-agentic-framework
Categories
Frontend Development, AI & Agent Building, Mobile Development, Design & UI/UX
First seen
Jun 3, 2026
1oguzhan18 avatarangular-animationsoguzhan18/angular-ecosystem-skillsConfigure Angular animations with triggers, transitions, keyframes, and reusable animation functions. Use when working with Angular enter/leave animations, UI t194skills.sh installs
2oguzhan18 avatarangular-i18noguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular i18n, internationalization, localization, translations, or multi-language support in Angular applications.194skills.sh installs
3oguzhan18 avatarangular-servicesoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Services, @Injectable, dependency injection, or business logic services.193skills.sh installs
4allenai2014 avatarpencil-ui-designallenai2014/pencil-ui-design使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库192skills.sh installs
5oguzhan18 avatarangular-performanceoguzhan18/angular-ecosystem-skillsALWAYS use when optimizing Angular applications for performance, change detection, bundle size, lazy loading, or runtime performance.192skills.sh installs
6nexu-io avatarhtml-ppt-pitch-decknexu-io/open-designInvestor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fu190skills.sh installs