claude

react-plugin

React SPA frontend stack provider (priority=150). Components, hooks, state management, routing, react-hook-form, RTL+Vitest+Playwright. Adds react-architect agent (Sonnet/medium). Composes with backend plugins via aspect resolution.

55 on GitHubby Oleksii Kruhlykv2.1.0MITupdated 17 days ago
/

Plugin react-plugin from marketplace sdlc-marketplace in AratKruglik/claude-sdlc. Commands read from the repo's manifest — 17 days ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (5)

  • react-conventions

    React component structure, hooks rules, file naming, project layout, composition patterns, performance idioms, and effects discipline. Apply when implementing or modifying React SPA code. Use this skill to: - Structure a new component or feature folder. - Apply hooks correctly (rules, naming, depend

  • react-forms

    Form patterns for React: react-hook-form (most common), Formik (legacy/stable), TanStack Form (newer). Validation via zod / yup / valibot. Controlled vs uncontrolled inputs, field arrays, multi-step wizards. Use this skill to: - Wire react-hook-form with a validation schema. - Pick between controlle

  • react-routing

    Routing libraries for React SPAs: React Router v6/v7 (most common), TanStack Router (typed, modern), wouter (minimal). Detect what's installed and apply matching patterns. Lazy loading, navigation guards, typed params. Use this skill to: - Configure routes (declarative or file-based). - Use navigati

  • react-state-management

    State management decision tree for React SPAs: useState/useReducer, Context API, Zustand, Jotai, Redux Toolkit, TanStack Query, SWR. Detect what's installed and apply matching patterns. Use this skill to: - Pick the right state tool for the data shape (local / shared UI / server / form). - Use Conte

  • react-testing

    Testing React SPAs: React Testing Library + Vitest/Jest for components and hooks, msw for network mocks, Playwright/Cypress for e2e. Query priority, user events, async assertions, mocking patterns. Use this skill to: - Pick the right runner (Vitest vs Jest) and setup. - Write component tests with RT

Subagents (1)

  • react-architect

    React SPA implementer (frontend aspect). Replaces vanilla `developer`/`node-architect` when `react` is in dependencies (no `next`, no `react-native`). Knows hooks, state management (Zustand/Jotai/RTK/TanStack Query), routing (React Router/TanStack Router), forms (react-hook-form + zod), RTL testing.

Hooks (3)

  • PostToolUse

    f=$(jq -j '.tool_input.file_path // empty' 2>/dev/null || python3 -c 'import json,sys; sys.stdout.write(json.load(sys.stdin)["tool_input"]["file_path"])' 2>/dev/null); case "$f" in *.tsx|*.ts|*.jsx|*.

  • PreToolUse

    bash -c 'n=config-protection.sh; r="${CLAUDE_PLUGIN_ROOT}"; bs=\\; r="${r//"$bs"//}"; s=""; if [ -n "$r" ]; then for c in "$r/../sdlc/hooks/$n" "$r/../../sdlc/${r##*/}/hooks/$n" "$r"/../../sdlc/*/hook

  • SubagentStop

    bash -c 'n=post-implement-check.sh; r="${CLAUDE_PLUGIN_ROOT}"; bs=\\; r="${r//"$bs"//}"; s=""; if [ -n "$r" ]; then for c in "$r/../sdlc/hooks/$n" "$r/../../sdlc/${r##*/}/hooks/$n" "$r"/../../sdlc/*/h

View source on GitHub

More from AratKruglik/claude-sdlc

All 27 plugins →

superpowers

claudecodex

Runtime dependency. Enables richer reasoning in BA (brainstorming), QA (test-driven-development), and all architect agents (verification-before-completion). Pipeline degrades gracefully without it.

15 skills · hooks

55

sdlc

claude

Universal SDLC orchestrator with auto-discovery of stack providers. Provides pipeline-orchestrator skill plus 5 cost-tiered default agents (BA Opus/high, Dev Sonnet/medium, QA Sonnet/medium, Sec Opus/high, Docs Haiku/low). Slash commands: /sdlc:start, /sdlc:batch, /sdlc:doctor, /sdlc:list-stacks, /sdlc:security-init.

3 skills · 5 commands · 5 agents · hooks

55

angular-plugin

claude

Angular 18-21 SPA frontend stack provider (priority=200). Standalone + NgModule equally, signals + NgRx, typed Reactive Forms, Angular Router. Adds angular-architect agent (Sonnet/medium). Reuses TypeScript and npm skills from js-foundation.

5 skills · 1 agent · hooks

55

nestjs-plugin

claude

NestJS opinionated backend stack provider. Adds nest-architect agent (Sonnet/medium) covering REST + ORM (TypeORM/Prisma/Mongoose) + GraphQL + WebSockets + Microservices. Reuses TypeScript and npm skills from js-foundation.

5 skills · 1 agent · hooks

55

nextjs-plugin

claude

Next.js full-stack React framework. Multi-aspect ownership (backend + frontend, priority=250). App Router, Server Components, Server Actions, Route Handlers, ISR/SSG/SSR. Adds nextjs-architect agent (Sonnet/medium). Reuses TypeScript and npm skills from js-foundation.

5 skills · 1 agent · hooks

55

react-native-plugin

claude

React Native mobile stack provider (priority=300). Both Expo (managed/dev-client/EAS) and bare workflows. React Navigation v7 + Expo Router, AsyncStorage/MMKV, Jest + RTL Native. Adds rn-architect agent (Sonnet/medium). Wins over react-plugin on RN projects.

5 skills · 1 agent · hooks

55

Similar plugins

frontend-design

claude

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

Maintain react-plugin?

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 plugins27 plugins