solid-react - SOLID React Architecture & Code Quality
Enforce SOLID principles for React 19 with file size limits, modular architecture, and code quality standards
Tags
Updated: 2026-03-19Capabilities
Typical Inputs
Typical Outputs
What this skill does
- analyze project structure
- read existing files
- identify patterns
- search codebase
- reuse existing code
- create shared modules
- split files
- write components
- create hooks
- write services
- define interfaces
- add JSDoc
- write tests
- validate code
Inputs
- Project structure
- Existing codebase
- SOLID principles references
- Architecture patterns
- Code templates
Outputs
- React 19 code
- Components < 50 lines
- Hooks < 30 lines
- Services < 40 lines
- Interface files
- JSDoc documentation
- Test files
Requirements
- React 19
- TanStack Query
- Zustand
- Zod
- TypeScript
- Vitest
- Testing Library