performance-security - React performance, accessibility, and security patterns
Provides best practices and checklists for code-splitting, React Compiler, asset optimization, a11y, and security hardening.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Implement route-level code-splitting
- Optimize React compiler performance
- Optimize images and static assets
- Analyze JavaScript bundle size
- Ensure semantic HTML and ARIA
- Implement keyboard navigation
- Validate untrusted API data
- Prevent cross-site scripting vulnerabilities
- Audit package dependencies
Inputs
- React application source code
- Image and asset files
- Package dependency configuration
- Environment variable files
Outputs
- Code-split application bundles
- Bundle visualization reports
- Validated data structures
- Security audit results
- Content security policy configurations
Requirements
- React application environment
- Vite build tool
- pnpm package manager