...
npx skills add https://github.com/FilenCloudDienste/filen-ts --skill typescript-react-perf
Please help me install this Agent Skill. Skill: typescript-react-perf Source: https://github.com/FilenCloudDienste/filen-ts/tree/main/.claude/skills/typescript-react-perf Command: npx skills add https://github.com/FilenCloudDienste/filen-ts --skill typescript-react-perf
This Skill prevents performance regressions in hot TypeScript/React/React Native code by enforcing allocation- and monomorphism-friendly patterns and project-specific React Compiler rules.
Map/Set for O(1) lookup, typed arrays for numeric data, and avoids costly patterns like Array.shift().memo/useMemo/useCallback when React Compiler is enabled, enforces stable keys, and avoids inline objects in JSX.Use this skill when reviewing or writing TypeScript, React, or React Native code that runs frequently and must stay fast.
High-intent search queries and answers about installing and using this skill.
To optimize React Native performance on Hermes, avoid generators and Proxy constructs, use Reanimated worklets for UI-thread tasks, and rely on FlashList for large list rendering.
When using the React Compiler, you should avoid manual memoization with useMemo and useCallback unless truly necessary, as the compiler handles optimizations automatically.
To prevent hidden class mutations in TypeScript hot paths, maintain monomorphic object shapes, avoid dynamic property additions, and minimize unnecessary allocations in tight loops.
The best way to handle large lists in React Native is using FlashList, paired with stable keys and non-inline JSX objects to enforce React Compiler constraints and avoid rendering bottlenecks.
Using Array.shift causes performance issues because it triggers costly array re-indexing, whereas using Map or Set for O(1) lookups and typed arrays for numeric data maintains allocation efficiency.
Common React anti-patterns causing inline allocation inefficiencies include inline objects in JSX, prop mutations, and unstable keys, which disrupt monomorphic shapes and trigger unnecessary re-renders.
ResearAIStandardize a reference object for quest evaluation with plan and checklist requirements.
yyds-xExecute worklet-based animation logic on the UI thread for interactive effects.
DaFumEnforce performance budgets for bundle size, load time, and FPS in CI builds.
djankiesLeverage React Compiler to auto-memoize components and guide manual memoization decisions.