claude

react

Core React component development patterns — modlet structure, component extraction, registry, reuse, and validation.

121 on GitHubby BitoviMITupdated 2 months ago
/

Plugin react from marketplace bitovi-ai-enablement in bitovi/ai-enablement-prompts. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • component-registry

    Track reusable UI components and unextracted patterns. Maintains a REGISTRY.md inventory of extracted components and patterns that need extraction. Use when auditing components, planning extractions, or checking what components exist.

  • component-reuse

    Ensure existing UI components are reused before creating new ones. Must run BEFORE any UI implementation. Audits the codebase for matching components and reports whether to REUSE, WRAP, or CREATE.

  • create-react-modlet

    Create React components, hooks, or utilities following the modlet pattern. Use when creating any component in packages/client/src/components/. Modlets are self-contained folders with index.ts, implementation, tests, stories (for visual), and optional types.

  • extract-ui-component

    Extract reusable UI components from inline patterns. Covers component design, TypeScript props, Storybook stories, refactoring strategy, and best practices for creating shared UI primitives.

  • validate-implementation

    Validate an implementation for runtime errors, accessibility, and API compliance before committing. Use as a final quality gate after implementing a feature or component.

View source on GitHub

More from bitovi/ai-enablement-prompts

All 9 plugins →

Rebuild a Figma design system from a running web app's codebase

11 skills · hooks

121

code

claude

Baseline planning, spec, and codebase understanding skills. Works with any codebase, any stack.

9 skills

121

Playwright-based QA workflows — E2E testing, debugging, responsive verification, visual diffing, and pixel-perfect orchestration. Requires Playwright MCP.

8 skills

121

End-to-end feature implementation workflow: design, build, test, self-review via a code-reviewer agent, then prep a PR.

4 skills · 1 agent

121

Full Figma-to-React lifecycle — design analysis, component implementation, visual sync, and Code Connect mapping. Requires Figma MCP.

4 skills

121

Mock data and data model patterns for Zod-based React apps — sample data generation, data model management, and feature workflows.

3 skills

121

Maintain react?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins9 plugins