react-dev

Plugin react-dev from marketplace solrac97gr-personal-plugins in solrac97gr/marketplace-plugins. Commands read from the repo's manifest — 1 month ago.

Skills (10)

• from-diagram

  Generate React components from Mermaid, PlantUML, or GraphViz diagrams

• new-component

  Create a React component with tests and Storybook story

• new-context

  Create Context + Provider + useReducer for state management with tests

• new-feature

  Scaffold a complete React feature following TDD workflow

• new-hook

  Create a custom React hook with comprehensive tests

• optimize-performance

  Analyze and optimize React application performance

• review-a11y

  Perform WCAG 2.1 AA accessibility compliance review for React components

• review-code

  Comprehensive React code quality review for best practices, TypeScript, performance, accessibility, and testing

• start-project

  Initialize React + Vite + TypeScript project with feature-based architecture

• update-tests

  Update and improve test coverage for existing React code

Subagents (10)

• Accessibility Reviewer

  Ensures WCAG 2.1 AA compliance with semantic HTML, ARIA attributes, keyboard navigation, and focus management

• Component Architecture Reviewer

  Reviews React component structure, composition patterns, single responsibility, and separation of concerns

• Hook Usage Reviewer

  Ensures proper hook usage, validates Rules of Hooks, and reviews custom hook patterns

• Performance Reviewer

  Identifies and recommends React performance optimizations including memoization, code splitting, and bundle optimization

• React Best Practices Enforcer

  Enforces React 18+ patterns, hooks rules, modern practices, and concurrent features

• Security Reviewer

  Identifies security vulnerabilities in React code including XSS prevention, input sanitization, secure storage, and CSP

• State Management Reviewer

  Reviews state management patterns, Context API usage, and ensures proper state architecture

• Tailwind Best Practices Reviewer

  Ensures Tailwind CSS best practices, utility-first approach, responsive design, and theme consistency

• Test Coverage Guardian

  Ensures comprehensive test coverage and quality with user-centric testing approach

• TypeScript Quality Reviewer

  Ensures TypeScript strict mode compliance, type safety, and proper typing patterns

MCP servers (2)

• playwright

  runs: npx @playwright/mcp@latest

• component-analyzer

  runs: ${CLAUDE_PLUGIN_ROOT}/servers/component-analyzer/component-analyzer

Hooks (1)

• PostToolUse

  ${CLAUDE_PLUGIN_ROOT}/scripts/validate-component-purity.sh "${TOOL_FILE_PATH}"