frontend-react-plugin

Plugin frontend-react-plugin from marketplace ohmyhotelco in ohmyhotelco/hare-cc-plugins. Commands read from the repo's manifest — 8 days ago.

Skills (13)

• fe-clean-code

  Audit frontend code for clean code principles: single responsibility, consistent patterns, error handling, TypeScript strictness, architecture, and simplicity/over-engineering.

• fe-debug

  Use when generated code has runtime errors, test failures, or build issues that need systematic diagnosis.

• fe-e2e

  Use after fe-review passes to validate user flows end-to-end in the browser.

• fe-fix

  Fix review issues with TDD discipline. Run after fe-review identifies issues.

• fe-gen

  Generate production React code from an implementation plan using TDD. Run /frontend-react-plugin:fe-plan first.

• fe-init

  Initialize Frontend React Plugin configuration for the current project. Sets app profile, React Router mode, server-state, form stack, and E2E tool.

• fe-plan

  Use when a feature needs an implementation plan before code generation, either from an existing spec or through interactive requirements gathering.

• fe-progress

  Show the current implementation status of all features or a specific feature.

• fe-review

  Run 2-stage code review (spec compliance → quality) on generated code for a feature.

• fe-security

  Audit frontend code for security vulnerabilities: XSS, auth token storage, API key exposure, and client-side data safety.

• fe-shared

  Shared conventions for every frontend-react-plugin agent and skill — code conventions, state files and locks, accepted deviations, design principles, build working directory, router-mode command matrix, TypeScript check. Preloaded into agents through their `skills:` frontmatter; not meant to be invo

• fe-test-review

  Audit test quality: assertion patterns, Testing Library best practices, async handling, coverage, and anti-patterns.

• fe-verify

  Run verification gate (tsc, ESLint, build) on generated code for a feature.

Subagents (12)

• debugger

  Systematic debugging agent that follows a 4-phase methodology with hypothesis testing and escalation after 3 failures

• delta-modifier

  Modifies existing implementation files based on delta-plan.json change specifications, using TDD discipline for behavioral changes and direct edit for structural changes

• e2e-test-runner

  Executes E2E test scenarios via the configured e2eTool (agent-browser or Playwright), driving user flows and verifying UI state against test-scenarios.md criteria

• foundation-generator

  Generates type definitions, mock factories, fixtures, and MSW handlers that form the test infrastructure foundation for TDD cycles

• implementation-planner

  Implementation planner agent that analyzes functional specifications and UI DSL to produce a structured implementation plan for production React code

• integration-generator

  Generates routes, i18n registration, MSW global setup, and barrel exports, then runs full verification (tsc, vitest, build)

• quality-reviewer

  Code quality reviewer agent that evaluates generated code across 8 quality dimensions for maintainability, simplicity, and convention compliance

• review-fixer

  Fixes review issues using TDD discipline for behavioral changes and direct fixes for mechanical changes

• security-auditor

  Read-only agent that audits frontend React/TypeScript code for security vulnerabilities across XSS, auth token handling, secrets exposure, and client-side data safety

• spec-reviewer

  Spec compliance reviewer agent that verifies generated code against the functional specification across 5 review dimensions

• tdd-cycle-runner

  Executes a strict Red-Green TDD cycle for a single phase (api, store, component, or page), writing tests first, verifying failure, then implementing to pass

• test-reviewer

  Read-only agent that audits React/Vitest test quality across 7 dimensions including assertion quality, Testing Library best practices, and timing gates

Hooks (2)

• SessionStart

  ${CLAUDE_PLUGIN_ROOT}/scripts/session-init.sh

• PostToolUse

  ${CLAUDE_PLUGIN_ROOT}/scripts/validate-implementation.sh

Similar plugins