Dev & Engineering performance-engineeringprofilingreactstate-managementvirtualizationcachingfrontend-optimization

OpenChamber Performance Engineering Skill

Eliminate structural waste before micro-optimizing: a measurement-driven methodology for interaction, render, polling, cache, and high-volume data paths.

FollowSkills review · FSRS-2.0
Recommended
62/ 100 5-point scale 3.1 / 5
1 2 3 4 5 6
1Trust20 / 25 · 4.0/5

Pure methodology document: requests no permissions, performs no side effects, and explicitly mandates safeguards around destructive cleanup, cache invalidation, and measurement validity ('incomplete means unknown, not delete'). Least privilege and data-flow transparency are high. Deducted: no standalone rollback mechanism, attribution relies on repository-level context only.

2Reliability10 / 20 · 2.5/5

Internally consistent; the referenced bun run profile:* commands genuinely exist in package. (profile:idle/session/animation/switch/browser), and the skill claims scripts fail loudly when throttled. Deducted: a duplicated profile:switch table row is an editing defect; static review cannot verify script behavior or key-path reproducibility, and no committed tests cover this skill's paths, so the static cap applies.

3Adaptability11 / 15 · 3.7/5

Description triggers are concrete (render/event/polling/cache/list paths, lag reports), giving high semantic trigger precision; boundary with sync-state-invariants is explicit. Deducted: non-fit ranges only partially declared, no Chinese-language support note, and limited evidence on environment fit beyond the frontend audience.

4Convention11 / 15 · 3.7/5

Well-layered: overview → workflow → patterns → tooling entry (scripts/perf/DOCUMENTATION.md) → verification checklist, with good progressive disclosure; MIT license is clear. Deducted: no skill-level version or changelog, no FAQ/example outputs, and maintenance responsibility inferable only from repository context.

5Effectiveness6 / 15 · 2.0/5

As guidance, the measure-first, structurally-remove-work, prove-the-cache methodology has clear marginal value over ad-hoc profiling, backed by executable companion scripts. Deducted: static review cannot verify output correctness or direct usability; effectiveness claims (e.g., fail-loudly behavior) are unexecuted, so below the static cap.

6Verifiability4 / 10 · 2.0/5

Key references (profile scripts, DOCUMENTATION.md entry) cross-check against package., and the repo has test and release infrastructure. Deducted: no committed tests or third-party execution evidence covering this skill's key paths; the methodology's value claims are not independently reproducible from these files alone.

Evidence confidence:Low Reviewed Sep 09, 2026 Reviewed revision f8b929edf989
The upstream repository has new commits since this review. The score still applies to the reviewed revision shown and may not cover the latest changes.
Before you use it
  • This is a static source review; no scripts were executed, and the profiling scripts' actual behavior and fail-loudly guarantees are unverified.
  • The tooling table contains a duplicated profile:switch row, an uncleaned editing artifact; verify against scripts/perf/DOCUMENTATION.md before use.
  • The skill depends on a Bun/Node 22+ toolchain and Chrome DevTools Protocol; dependency installation may be hindered from mainland-China networks.
  • This is guidance documentation, not an executable tool; its value depends on the practitioner following the measurement-validation workflow.
Review evidence [1][2][3][4][5][6][7][8][9]
See the full review method →

What does this skill do, and when should you use it?

performance-engineering is one of 18 skills bundled in the openchamber/openchamber repository (a desktop and web interface for the OpenCode AI agent), located at .agents/skills/performance-engineering/. It is a purely instructional SKILL.md methodology whose core claim is to optimize the amount and frequency of work before optimizing individual operations. It demands a written performance contract (interaction, scale, budget, path, semantics) before any edit, then enforces measurement validity, reproduction of the real scenario, a cost equation, and a fixed order of work removal (skip, narrow, share, index, increment, cache, schedule, micro-optimize). It ships concrete rules for React/store hot paths, virtualization contracts, caching preconditions, and a verification checklist, plus bun run profile:* capture scripts in the repository. Best suited to developers doing rigorous performance work on high-volume frontend paths.

The skill contains no executable code itself; it directs the model through a numbered workflow: 0) prove the measurement environment is not throttled, that zero readings are genuine measurements, and that workloads are comparable; 1) reproduce the exact interaction, capture a baseline with profilers and operation counters on the unchanged build; 2) write the cost equation (consumers × events × …) with cardinality, update frequency, and main-thread status per factor; 3) classify input sources, derived state, and lifetimes with explicit invalidation; 4) remove work in a prescribed order (skip → narrow → share → index → increment → cache → schedule → micro-optimize). It adds React/store hot-path rules (leaf subscriptions, reference stability, comparator boundaries), a virtualization contract checklist, six explicit caching preconditions, and a verification checklist (median + p95, operation-count assertions, reference-stability tests).

  1. A frontend developer whose list/streaming updates cause jank, dropped frames, or CPU spikes and needs to locate whether the bottleneck is rendering, selectors, or allocations
  2. A reviewer facing a PR that treats memoization or caching as a fix, and who must verify measured repeated work actually exists
  3. A team planning to virtualize a long list, needing to first define scroller topology, size estimation, and activation-threshold boundary tests
  4. A case where users report freezes at production scale that will not reproduce in a development workspace, requiring a scale comparison on the dimension the code keys on
  5. High-frequency streaming/polling paths where hidden or disabled surfaces must do no ongoing work and unaffected references must stay stable
  6. Deadline-pressure situations where only a cache-only mitigation can ship, and its invalidation, memory bounds, and follow-up documentation must be checked

What are this skill's strengths and limitations?

Pros
  • Enforces measure-first discipline: requires a before-baseline on the identical scenario and build, eliminating reasoning-only claimed wins
  • Provides an executable workflow and exit checklist covering measurement validity through verification tests
  • Ships five repository-level unattended perf capture commands that fail loudly when the renderer was throttled or the scenario never rendered
  • Gives unusually specific edge-case rules for virtualization, caching, and React memo comparators (threshold±1, same-ID semantic-equivalence cases)
  • Explicitly mandates reverting changes that do not move their target metric, recording them as rejected hypotheses
Limitations
  • A purely instructional SKILL.md with no standalone executable code; the profile:* scripts are bound to the OpenChamber repo and must be rebuilt for other projects
  • The workflow is heavy: full contracts, cost equations, and bidirectional correctness tests may be disproportionate for small projects or one-off scripts
  • Some details assume Chromium/toolchain specifics (RunTask timeline category, Chrome throttling) and need adaptation elsewhere
  • It expects the companion sync-state-invariants skill for state correctness; used alone that coverage is missing
  • The profile:switch command appears duplicated in the docs table, and no per-skill version or test status is stated

How do you install this skill?

The skill is part of the openchamber/openchamber skills collection (18 skills), at .agents/skills/performance-engineering/. To install: clone the repository (git clone https://github.com/openchamber/openchamber) and place the skills/performance-engineering folder into your Agent Skills-compatible client's skill directory (e.g., Claude Code's skills folder). The README does not document a per-skill install command; consult your client's documentation for the exact directory.

How do you use this skill?

The skill loads via its description's trigger conditions: when implementing or reviewing code on interaction, render, event, polling, synchronization, list-processing, store-selector, cache, indexing, or high-volume data paths, or when users report lag, freezes, jank, high CPU, memory growth, slow startup, or regressions. Example prompt: "Users report 2-second delays switching sessions in the sidebar; reproduce and measure per the performance contract before proposing fixes." For measuring inside the repository, five unattended commands exist — bun run profile:idle / profile:session / profile:animation / profile:switch / profile:browser — documented at scripts/perf/DOCUMENTATION.md. When an optimization touches state authority, reconciliation, or cache lifecycle, the skill requires also loading the sync-state-invariants skill.

More skills from this repository

All from openchamber/openchamber

Dev & Engineering

OpenChamber Sync State Invariants

A rulebook that enforces state ownership and failure semantics when agents change session sync, event reducers, polling, and caches — preventing destructive data loss and state corruption.

Design & Frontend

OpenChamber Drag-to-Reorder Skill

A battle-tested @dnd-kit playbook that fixes the hardest drag-to-reorder bugs: variable-width items, wrapping layouts, and touch/mobile gesture conflicts.

Dev & Engineering

Locale UI Patterns — OpenChamber UI Localization Rules

Enforces that every user-facing OpenChamber string gets a real translation in every language dictionary immediately — no English placeholders, ever.

Design & Frontend

OpenChamber Theme System Skill

Enforces semantic theme tokens, shared button/icon contracts, and keyboard-navigation rules when modifying OpenChamber UI — no hardcoded colors or reinvented components.

Design & Frontend

OpenChamber Settings UI Patterns

A skill that makes AI agents build OpenChamber Settings pages from shared primitives, with localization and search-registry rules enforced instead of hand-rolled markup.

Dev & Engineering

OpenChamber Change Discipline

Enforces "smallest complete change, narrowest sufficient validation" discipline when modifying the OpenChamber codebase, preventing local fixes from ballooning into speculative rewrites.

Dev & Engineering

OpenChamber Relay Transport Skill

Build WebSocket, SSE, and streaming endpoints that actually work over OpenChamber's end-to-end encrypted relay tunnel, where desktop-only testing silently hides failures.

Dev & Engineering

OpenChamber UI/API Decoupling Rules

Enforces clean data-access boundaries in OpenChamber's shared UI: official APIs via the SDK, app capabilities via RuntimeAPIs — no hardcoded URLs, tokens, or transport assumptions.

Dev & Engineering

Clack CLI Patterns

Defines consistent interactive prompt, --quiet, and -- output contracts for OpenChamber terminal commands, so policy validation always precedes presentation in every run mode.

Dev & Engineering

OpenChamber Desktop Shell Skill

Gives AI agents the correct architecture boundaries and security rules when changing OpenChamber's Electron main/preload code, IPC, or packaging.

Dev & Engineering

serve-sim — iOS Simulator Remote Control from the Terminal

Boot, install, stream, and control a Capacitor iOS app in the Apple Simulator from your terminal — no Xcode needed.

Related skills