Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Reanimated + Skia Performance

porandreev-danila·andreev-danila· v1.0.0 · atualizado em 2026-04-10
82
Score

Write and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, runtime effects/shaders). Use for gesture-driven interactions, spring/timing transitions, layout/mount animations, Reanimated CSS transitions/animations, Skia drawings, animated shader uniforms, path/vector interpolation, dev-mode tuning panels (sliders), and diagnosing animation jank (JS thread stalls, excessive re-renders, per-frame allocations).

react-nativereanimatedskiaanimationperformancemobile-development
Linguagens
TypeScriptJavaScript
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdreanimated-skia-performance/workflow
1. Define the animation effect (properties, duration, easing).
2. Choose the appropriate renderer (Reanimated styles or Skia).
3. Select the animation primitive (CSS transitions, withTiming, withSpring, Layout Animations).
4. Implement the animation data flow on the UI thread.
5. Perform a performance pass and optimize as needed.
6. Use dev-mode tuning panels to adjust animation parameters.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aFlutter Riverpod Expert - 2025 Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aRNTL Test Writing Guide
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aReact Native Animations Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Reanimated + Skia Performance
reanimated-skia-performance
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.EVALUATE
6.REFLECT
Triggers7
optimize react native animation performanceuse reanimated with skiacreate high-performance react native animationsdebug react native animation jankimplement gesture-driven animations in react nativeanimate skia shaders with reanimatedtune react native animation parameters

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download reanimated-skia-performance
$ synaptic skills detail reanimated-skia-performance
$ synaptic skills live reanimated-skia-performance

Dependências

react-native-reanimated@shopify/react-native-skiareact-native-gesture-handler

Links

GitHub Repository