All 94 skillsLanguages2 of 12
stryx:react
When building or reviewing React components, hooks and Zustand stores.
/stryx:reactInside its piece: 14 specks, one for each file on its shelf. Its eleven group-mates glow on the open book behind it. The light splits toward green, the band of Languages.
In numbers
counted 2026-10-12 in the installed set- 12reference files
- 14files in the skill
- 205KB on disk
- 4chapters
- 1agent works by this book
Use it when
in the skill’s own wordsWhen building, refactoring or reviewing React components and hooks (React 18/19, TypeScript, Electron renderer)
- composition (compound components, slots, render props, HOCs, generics)
- useEffect misuse
- dependency arrays
- stale closures
- custom hooks
- Zustand store design (selectors, useShallow, persist, middleware order, optimistic updates, Electron-synced stores)
- re-renders and memoization (useMemo, useCallback, React.memo, React Compiler)
- virtualized lists
- lazy loading
- Suspense
- error boundaries
- useTransition
- React 19 APIs (use, actions, useActionState, useOptimistic, ref as a prop, useEffectEvent)
- forms
- data-fetching waterfalls
- typing props
- events and refs
- Also
- "react review"
- "why does this re-render"
- "is this memo needed"
- /stryx:react <path>
Not for
another skill does it- Visual design or motion tokens→ stryx:design
- Profiling a slow app with before/after numbers, Vite config→ stryx:performance
- Test strategy→ stryx:test
- preload/IPC design→ stryx:electron
- React Native→ stryx:react-native
On its shelf
14 files, 205 KB- references/12
- SKILL.md1
- evals/1
Inside the book
4 chapters, by title only- The Iron Law
- Core procedure
- Review mode
- Verification gates
Its helper
1 agent works by this book- stryx:i18n-localizerWhen an app must speak more languages: translations, right-to-left text, dates and money.
Works with
the skills it names most- stryx:design→When making anything you see: a screen, website, dashboard, logo, icon set, slides or charts.
- stryx:electron→When working on Electron desktop app code: windows, the bridge between its parts (IPC), tray, menus.
- stryx:performance→Something is slow, laggy, too big or uses too much memory.
- stryx:test→When tests must be written or fixed, or you want the test written first (TDD).
- stryx:debug→Something is broken: a bug, an error, a crash, a failing test or wrong data.
- stryx:ai-power→When you are not sure which skill fits, or you say "load aipower": it is the map of all skills.
Claude loads it by itself when the moment comes; by hand, type the line at the top. It comes with the whole set: Installs all 94 skills, 32 agents and the brain program as one set. The skill’s own text is private source and is not shown here.