Provides 49 performance optimization rules for WXT browser extensions, covering service workers, content scripts, messaging, storage, bundles, manifests, UI, and TypeScript. Use for writing, reviewing, refactoring.
npx claudepluginhub joshuarweaver/cascade-code-general-misc-1 --plugin pproenca-dot-skills-1This skill uses the workspace's default tool permissions.
Comprehensive performance optimization guide for WXT browser extension development. Contains 49 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Updated for WXT v0.20+.
Applies Acme Corporation brand guidelines including colors, fonts, layouts, and messaging to generated PowerPoint, Excel, and PDF documents.
Builds DCF models with sensitivity analysis, Monte Carlo simulations, and scenario planning for investment valuation and risk assessment.
Calculates profitability (ROE, margins), liquidity (current ratio), leverage, efficiency, and valuation (P/E, EV/EBITDA) ratios from financial statements in CSV, JSON, text, or Excel for investment analysis.
Comprehensive performance optimization guide for WXT browser extension development. Contains 49 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Updated for WXT v0.20+.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Service Worker Lifecycle | CRITICAL | svc- |
| 2 | Content Script Injection | CRITICAL | inject- |
| 3 | Messaging Architecture | HIGH | msg- |
| 4 | Storage Patterns | HIGH | store- |
| 5 | Bundle Optimization | MEDIUM-HIGH | bundle- |
| 6 | Manifest Configuration | MEDIUM | manifest- |
| 7 | UI Performance | MEDIUM | ui- |
| 8 | TypeScript Patterns | LOW-MEDIUM | ts- |
svc-register-listeners-synchronously - Register listeners synchronously to prevent missed eventssvc-avoid-global-state - Use storage instead of in-memory statesvc-keep-alive-patterns - Keep service worker alive for long operationssvc-handle-install-update - Handle install and update lifecycle eventssvc-offscreen-documents - Use offscreen documents for DOM operationssvc-declarative-net-request - Use declarative rules for network blockinginject-use-main-function - Place runtime code inside main() functioninject-choose-correct-world - Select ISOLATED or MAIN world appropriatelyinject-run-at-timing - Configure appropriate runAt timinginject-use-ctx-invalidated - Handle context invalidation on updateinject-dynamic-registration - Use runtime registration for conditional injectioninject-all-frames - Configure allFrames for iframe handlinginject-spa-navigation - Handle SPA navigation with wxt:locationchangemsg-type-safe-messaging - Use @webext-core/messaging for type-safe protocolsmsg-return-true-for-async - Return true for async message handlers (raw API)msg-use-tabs-sendmessage - Use tabs.sendMessage for content scriptsmsg-use-ports-for-streams - Use ports for streaming communicationmsg-handle-no-receiver - Handle missing message receiversmsg-avoid-circular-messages - Prevent circular message loopsstore-use-define-item - Use storage.defineItem for type-safe accessstore-choose-storage-area - Select appropriate storage areastore-batch-operations - Group related data into single defineItemstore-watch-for-changes - Use watch() for reactive updatesstore-handle-quota-errors - Handle storage quota errorsstore-versioned-migrations - Use versioning for schema migrationsbundle-split-entrypoints - Split code by entrypointbundle-analyze-size - Analyze and monitor bundle sizebundle-tree-shake-icons - Use direct imports for icon librariesbundle-externalize-wasm - Load WASM dynamicallybundle-minify-content-scripts - Minimize content script sizemanifest-minimal-permissions - Request minimal permissionsmanifest-use-optional-permissions - Use optional permissions progressivelymanifest-web-accessible-resources - Scope web accessible resourcesmanifest-content-security-policy - Configure CSP correctlymanifest-cross-browser-compatibility - Support multiple browsersui-use-shadow-dom - Use Shadow DOM for injected UIui-defer-rendering - Defer popup rendering until neededui-cleanup-on-unmount - Clean up UI on unmountui-sidepanel-persistence - Preserve sidepanel stateui-position-fixed-iframe - Use iframe for complex UIui-avoid-layout-thrashing - Batch DOM reads and writests-use-imports-module - Use #imports virtual module and auto-importsts-use-browser-not-chrome - Use browser namespace over chromets-type-entrypoint-options - Type entrypoint options explicitlyts-augment-browser-types - Augment types for missing APIsts-strict-null-checks - Enable strict null checksts-import-meta-env - Use import.meta for build infots-avoid-any - Avoid any type in handlersts-path-aliases - Use path aliases for importsRead individual reference files for detailed explanations and code examples:
| File | Description |
|---|---|
| references/_sections.md | Category definitions and ordering |
| assets/templates/_template.md | Template for new rules |
| metadata.json | Version and reference information |