handxr
@handxr
Public Skills
bundle-import-auditor
by handxr
Audit JavaScript/TypeScript imports for bundle size bloat, heavy dependencies with lighter alternatives, wildcard imports that break tree-shaking, barrel file re-exports, duplicate imports, code-splitting opportunities, and import hygiene issues. Use when reviewing frontend bundle size, debugging slow page loads, auditing import patterns, or when a user asks to check their imports, find heavy dependencies, optimize bundle size, detect tree-shaking blockers, or clean up import statements. Triggers on tasks involving .js/.jsx/.ts/.tsx/.mjs/.mts files with ES module imports or require() calls.
react-rerender-auditor
by handxr
Audit React components for unnecessary re-renders, inline object/array/function creation in JSX props, Context.Provider with unstable values, useEffect anti-patterns (async callbacks, setState loops, missing deps), expensive unmemoized render operations, and component complexity issues. Use when reviewing React performance, debugging slow components, auditing a codebase for re-render issues, or when a user asks to check their React code for performance problems, find unnecessary re-renders, optimize components, or audit hook usage. Triggers on tasks involving .jsx/.tsx/.js/.ts files with React components.
css-specificity
by handxr
Analyze CSS specificity in a project, detect conflicts, flag unnecessary !important usage, and suggest corrections. Use when reviewing CSS code quality, debugging style overrides, auditing stylesheets, or when a user asks to check their CSS specificity, find CSS conflicts, simplify selectors, or clean up !important usage. Triggers on tasks involving .css files where specificity or selector quality is relevant.