Original
React Rendering and Performance
Identify the actual cause of slow React interactions and reduce unnecessary work using measured state boundaries, subscriptions, scheduling and justified memoization.
Reactexperimental
← All bundles
9 CANONICAL SKILLS · V0.1.0
Frontend Performance and Reliability
Profile real interactions, control browser concurrency and storage, preserve failure evidence and verify behavior before claiming an improvement.
Inspect the selection
View manifest ↗Run from a full toolkit checkout. This prints a file manifest, not an installer.
node tools/bundle.mjs resolve frontend-performanceExplore the frontend worked guide →
Original
Frontend Concurrency and Background Work
Move suitable CPU-heavy work away from urgent UI interactions while controlling worker ownership, message identity, cancellation and stale results.
Browser runtimeexperimental
Original
Frontend Performance Budgeting
Set and evaluate route-specific frontend budgets for transfer size, main-thread work and user-visible loading without equating synthetic checks with field performance.
Performanceexperimental
Original
Browser Storage and Offline State
Persist frontend state only under explicit privacy, schema, quota and reconciliation policies; distinguish local durability from synchronized server acceptance.
Browser runtimeexperimental
Original
Frontend Loading and Error States
Design initial, empty, refreshing, partially failed and mutation-pending UI states that preserve useful data and offer safe, attributable recovery.
Async UIexperimental
Original
Frontend Testing Strategy
Choose unit, component and browser checks around user-visible frontend contracts, with independent network fixtures and explicit integration coverage.
Testingexperimental
Original
Visual Regression and UI Verification
Use reproducible visual evidence to detect frontend regressions while preserving independent interaction, accessibility and content checks.
Testingexperimental
Original
Frontend Security Boundaries
Keep untrusted content, navigation, credentials and server effects behind explicit boundaries while testing the real browser-to-server trust model.
Securityexperimental
Original
Frontend Behavior-preserving Refactoring
Restructure React components, hooks and data flow while preserving user-visible behavior, state lifetime, focus and effect ownership.
Reactexperimental
Tailor context, not a second copy.
Pick the skill needed for the current task. A private adapter supplies project-specific roots, command IDs, accepted contracts, and policy. It should pin and verify the public revision before exposing guidance to an internal agent.
Skill effectiveness remains experimental. Package validation and content hashes do not establish host compatibility, artifact authenticity, or permission to execute.
Read the private-adapter boundary ↗