All 94 skillsQuality7 of 13
stryx:performance
Something is slow, laggy, too big or uses too much memory.
/stryx:performanceInside its piece: 13 specks, one for each file on its shelf. Its twelve group-mates glow on the open book behind it. The light splits toward orange, the band of Quality.
In numbers
counted 2026-10-12 in the installed set- 11reference files
- 13files in the skill
- 168KB on disk
- 8chapters
- 1agent works by this book
Use it when
in the skill’s own words- when an app
- page
- screen or build is slow
- laggy
- janky or stutters
- drops frames
- re-renders too often in a measured profile
- starts slowly
- ships too big
- builds or hot-reloads slowly
- uses more memory than it should
- When the user says
- performance
- optimize
- speed up
- make it faster
- lag
- jank
- fps
- bundle size
- chunk
- tree-shaking
- code splitting
- Vite build config
- HMR
- Electron startup
- splash screen
- IPC throughput
- sql.js query speed
- index
- EXPLAIN QUERY PLAN
- heap snapshot
- memory budget
- LCP
- Core Web Vitals
- Lighthouse or page load
- When a change must be proven faster with before/after numbers
Not for
another skill does it- A slowdown or leak whose cause is unknown→ stryx:debug
- Whether a memo/useMemo/useCallback is needed or why a component re-renders with nothing measured→ stryx:react
- An experiment campaign with the winner unknown→ stryx:optimize
- A server database's slow query→ stryx:databases
- 3D/WebGL frame rate→ stryx:3d-engines in an app, the 3D web design skill for a cinematic brand site
On its shelf
13 files, 168 KB- references/11
- SKILL.md1
- evals/1
Inside the book
8 chapters, by title only- Core procedure: the Golden Loop
- Optimization: Product list rendering
- Verification gates
- Not done yet: phrases that need a number
- Optimization complete: product list rendering
- 3-strike rule
- Scope
- Quick reference by area
Its helper
1 agent works by this book- stryx:perf-agentWhen an app needs a speed audit, or one named thing must get measurably faster.
Works with
the skills it names most- stryx:react→When building or reviewing React components, hooks and Zustand stores.
- stryx:debug→Something is broken: a bug, an error, a crash, a failing test or wrong data.
- stryx:electron→When working on Electron desktop app code: windows, the bridge between its parts (IPC), tray, menus.
- stryx:optimize→When a number should move and nobody knows which change wins: try, measure, keep the winners.
- stryx:verify→When Claude is about to say done, fixed or ready to commit: fresh proof comes first.
- stryx:3d-engines→When building or fixing live 3D inside an app: Three.js, React Three Fiber or Babylon.js.
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.