By solrac97gr
Comprehensive React development plugin with TypeScript, Vite, Tailwind CSS, and modern testing tools. Provides TDD workflows, accessibility compliance, performance optimization, and intelligent code review agents.
Ensures WCAG 2.1 AA compliance with semantic HTML, ARIA attributes, keyboard navigation, and focus management
Reviews React component structure, composition patterns, single responsibility, and separation of concerns
Ensures proper hook usage, validates Rules of Hooks, and reviews custom hook patterns
Identifies and recommends React performance optimizations including memoization, code splitting, and bundle optimization
Enforces React 18+ patterns, hooks rules, modern practices, and concurrent features
Generate React components from Mermaid, PlantUML, or GraphViz diagrams
Create a React component with tests and Storybook story
Create Context + Provider + useReducer for state management with tests
Scaffold a complete React feature following TDD workflow
Create a custom React hook with comprehensive tests
Admin access level
Server config contains admin-level keywords
Modifies files
Hook triggers on file write and edit operations
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Uses power tools
Uses Bash, Write, or Edit tools
Uses power tools
Uses Bash, Write, or Edit tools
A personal collection of custom plugins and skills for Claude Code.
This repository contains custom plugins that extend Claude Code's functionality through user-defined skills. Each plugin can provide one or more skills that can be invoked during Claude Code sessions using the /skill-name command.
Complete toolkit for Go backend development following hexagonal architecture, Domain-Driven Design (DDD), and Test-Driven Development with Godog BDD framework.
Features:
Skills: /start-project, /new-feature, /new-entity, /new-usecase, /from-diagram, /review-arch, /update-arch-tests
Comprehensive React development plugin with TypeScript, Vite, Tailwind CSS, and modern testing tools. Provides TDD workflows, accessibility compliance, performance optimization, and intelligent code review agents.
Features:
Skills: /start-project, /new-component, /new-hook, /new-context, /new-feature, /from-diagram, /review-code, /review-a11y, /update-tests, /optimize-performance
Meta-plugin for analyzing projects and generating custom Claude Code plugins tailored to your codebase patterns and workflows.
Features:
Skills: /analyze-project, /generate-plugin
Use Cases:
To use these plugins with Claude Code:
marketplace-plugins/
├── .claude-plugin/
│ └── marketplace.json # Marketplace manifest
├── plugins/
│ └── [plugin-name]/
│ ├── .claude-plugin/
│ │ └── plugin.json # Plugin metadata
│ ├── skills/ # Skill definitions
│ ├── agents/ # AI agent definitions
│ ├── servers/ # MCP servers
│ └── README.md # Plugin documentation
└── CLAUDE.md # Development guide
# Go backend development
/start-project my-backend-api
/new-feature user-management
# React frontend development
/start-project my-react-app
/new-component Button
# Generate custom plugin for your project
/analyze-project
/generate-plugin
Easy Way (Recommended):
Use the plugin-helper plugin to generate a custom plugin for your project:
# Analyze your project
/analyze-project
# Review the analysis report
# Then generate the plugin
/generate-plugin
Manual Way:
Create a new directory under plugins/:
mkdir -p plugins/my-plugin/.claude-plugin
mkdir -p plugins/my-plugin/skills/my-skill
Add plugin metadata in .claude-plugin/plugin.json:
{
"name": "my-plugin",
"description": "Description of what your plugin does",
"version": "1.0.0"
}
Create a skill in skills/my-skill/SKILL.md:
---
description: Brief description
---
Instructions for Claude when this skill is invoked.
Register the plugin in .claude-plugin/marketplace.json:
{
"plugins": [
{
"name": "my-plugin",
"source": "./plugins/my-plugin",
"description": "Description of what your plugin does"
}
]
}
npx claudepluginhub solrac97gr/marketplace-plugins --plugin react-devComplete toolkit for Go backend development with hexagonal architecture, DDD, TDD/BDD, and automated architecture testing
Meta-plugin for analyzing projects and generating custom Claude Code plugins tailored to your codebase patterns and workflows
Frontend component development with accessibility and responsive design
Advanced React skills for hooks, context, and performance optimization.
Complete fullstack development toolkit: React, Express/FastAPI, PostgreSQL scaffolding with AI agents
Frontend and mobile development with React, Next.js, React Native, and Tailwind
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses