Comprehensive React development with hooks, components, state management, context, effects, and performance optimization.
A curated collection of Claude Code plugins for development workflows - orchestration, code review, design, React development, and more.
| Plugin | Description | Category |
|---|---|---|
| orchestrate | Multi-agent parallel execution with file ownership | Development |
| brutal-review | Zero-tolerance multi-agent code review | Code Quality |
| design | Complete design thinking pipeline for UIs | Design |
| react-development | Comprehensive React with hooks and state management | Development |
| frontend-design | Production-grade frontend interfaces | Design |
| framework-dev | Project framework orchestrator (6-phase workflow) | Planning |
| ultraplan | Single-command planning: plain-English ideas → AI-executable plans | Planning |
Add to your ~/.claude/settings.json:
{
"extraKnownMarketplaces": {
"dev-workflow-skills": {
"source": {
"source": "github",
"repo": "Ankurjain1121/dev-workflow-skills"
}
}
},
"enabledPlugins": {
"dev-workflow-skills@orchestrate": true,
"dev-workflow-skills@brutal-review": true,
"dev-workflow-skills@design": true,
"dev-workflow-skills@react-development": true,
"dev-workflow-skills@frontend-design": true,
"dev-workflow-skills@framework-dev": true,
"dev-workflow-skills@ultraplan": true
}
}
Or install individual plugins by only enabling the ones you need.
Multi-agent parallel execution with file ownership
Fast parallel execution for large projects. One file = One owner. Supports multi-terminal mode with Claude/Gemini/Qwen.
/orchestrate add authentication with login, signup, and password reset
/orchestrate --multi # For 10+ files
Zero-tolerance multi-agent code review
5 specialized agents (Security, Architecture, Quality, Performance, Style) with weighted scoring. 95+ to pass.
/brutal-review src/
Complete design thinking pipeline for UIs
Transforms rough ideas into PRDs, runs 9-pass UX analysis, audits existing UIs, and iterates based on feedback.
/design "Create a dashboard for analytics"
Comprehensive React development
Hooks, components, state management, context, effects, and performance optimization based on official React documentation.
/react-development # Then ask React questions
Production-grade frontend interfaces
Create distinctive, polished code that avoids generic AI aesthetics. Anti-slop rules for high design quality.
/frontend-design "Build a landing page"
Project framework orchestrator
6-phase workflow from discovery to integration. Research-backed recommendations, multi-agent coordination, context hygiene.
/framework-dev "Help me plan my new SaaS project"
Single-command planning: plain-English ideas → AI-executable plans
6-phase pipeline: Understand (40-70 discovery questions) → Research (3 parallel agents) → Plan (PRD + technical plan with XML tasks) → Review (8-category checklist) → Validate (traceability matrix) → Output. Designed for no-coders.
/ultraplan "Build a task management app with team features"
/ultraplan update # Non-destructive update of affected sections
/ultraplan status # Show current progress
MIT License - see LICENSE file
Built by Ankur Jain with Claude Code
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.
npx claudepluginhub ankurjain1121/dev-workflow-skills --plugin react-developmentProject architecture orchestrator with premise challenge, 4 scope modes, implementation alternatives, dream state mapping, confidence-scored findings, outside voice review, autoplan auto-decisions, and context-safe blueprint generation.
Complete design thinking pipeline for UIs. Transforms ideas into PRDs, runs 9-pass UX analysis, and iterates based on feedback.
Create distinctive, production-grade frontend interfaces with high design quality. Anti-slop rules for polished code.
Project architecture orchestrator with context-safe state management, Git-integrated checkpoints, and comprehensive blueprint generation. Features 6-phase workflow, research-backed recommendations, multi-agent coordination, validation system, and export capabilities.
Multi-agent parallel execution with file ownership. One file = One owner. Maximum speed.
Advanced React skills for hooks, context, and performance optimization.
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n<example>\nContext: Building a new user interface\nuser: "Create a dashboard for displaying user analytics"\nassistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n<commentary>\nComplex UI components require frontend expertise for proper implementation and performance.\n</commentary>\n</example>\n\n<example>\nContext: Fixing UI/UX issues\nuser: "The mobile navigation is broken on small screens"\nassistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n<commentary>\nResponsive design issues require deep understanding of CSS and mobile-first development.\n</commentary>\n</example>\n\n<example>\nContext: Optimizing frontend performance\nuser: "Our app feels sluggish when loading large datasets"\nassistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."\n<commentary>\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n</commentary>\n</example>
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.