By dotclaude
Build and optimize modern React 19/Next.js 15 frontends by generating components, state management with Zustand, UI designs via Tailwind/CSS, and performance audits for Core Web Vitals using targeted commands and proactive agents for architecture, styling, and optimization.
Design system and component library specialist. Use PROACTIVELY for component architecture.
CSS and styling specialist in Tailwind, CSS-in-JS, responsive design. Use PROACTIVELY for styling challenges.
Frontend performance specialist in Core Web Vitals and optimization. Use PROACTIVELY for performance work.
React 19 and Next.js 15 expert. Use PROACTIVELY for React development and modern patterns.
State management expert in Redux, Zustand, Context, and modern patterns. Use PROACTIVELY for state architecture.
Uses power tools
Uses Bash, Write, or Edit tools
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.
Complete development ecosystem with 16 specialized plugins
Transform Claude Code into a comprehensive cognitive amplification system covering everything from infrastructure to UX, data processing to project management.
# Install the complete marketplace (all 15 plugins)
/plugin marketplace add dotclaude/marketplace
# All plugins automatically available!
Multi-expert decision-making with breakthrough thinking
Maximum cognitive diversity orchestration with 8-12+ expert personas for complex decisions through structured disagreement and cognitive harmonics.
Key Commands: /ultrathink, /orchestrate, /multi_perspective
Transformative learning through scaffolded discovery
Master complex concepts with Socratic methodology and adaptive teaching that adjusts to your sophistication level in real-time.
Key Commands: /teach_concept, /socratic_debug, /cognitive_map
Master Staff+ and Principal level interviews
Comprehensive interview preparation for senior engineers with coding, system design, behavioral coaching, leadership scenarios, side-effects engineering, and realistic mock interviews.
Key Commands: /interview-assist:coding, /interview-assist:system-design, /interview-assist:behavioral, /interview-assist:mock
Production-ready development workflows
TDD orchestration, feature development, security hardening with comprehensive development workflows.
Key Commands: /workflows:tdd-cycle, /workflows:feature-development, /workflows:security-hardening
Meta-cognitive analysis for breakthrough thinking
Challenge assumptions, synthesize knowledge, discover patterns for paradigm-shifting insights.
Key Commands: /assumption_audit, /synthesis_engine, /pattern_discovery
Multi-persona analysis with cognitive harmonics
Split-team framework with 7 specialized personas for multidimensional problem-solving through productive disagreement.
Key Commands: /analyze, /debate, /evaluate
Infrastructure lifecycle from IaC to deployment
Master AWS, Terraform, CI/CD pipelines, GitOps workflows, and deployment automation for home projects and enterprise systems.
Key Commands: /deploy, /infra, /pipeline, /automate
Agents: infra-architect, cicd-engineer, automation-specialist, deployment-coordinator, gitops-expert
Production reliability and comprehensive observability
Datadog, CloudWatch, monitoring, incident response, SRE practices, and audit logging for enterprise compliance.
Key Commands: /monitor, /trace, /incident, /slo, /audit
Agents: datadog-specialist, cloudwatch-expert, sre-engineer, performance-analyst, compliance-auditor
Modern React and UI development expertise
React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Key Commands: /react, /ui, /frontend, /state
Agents: react-specialist, component-architect, frontend-optimizer, state-manager, css-expert
Backend development with security-first approach
REST/GraphQL APIs, OWASP security, LLM integration, authentication systems, and secure coding practices.
Key Commands: /api, /security, /llm, /auth
Agents: api-architect, security-guardian, llm-integrator, auth-specialist, backend-expert
Data engineering and time series analysis
npx claudepluginhub dotclaude/marketplace --plugin frontend-excellenceData engineering and time series analysis mastery. Expert in jq, SQL, pandas, time series forecasting, ETL pipelines, streaming, and analytics visualization.
Split-team framework implementation with multiple specialized persona agents for multidimensional problem analysis through cognitive harmonics and productive disagreement.
Command-line excellence and Unix philosophy mastery. Expert in shell scripting, Unix pipelines, text processing (sed/awk/grep), permissions, and CLI tool composition.
Production reliability and observability across all environments. Master Datadog, CloudWatch, monitoring, incident response, SRE practices, and audit logging for enterprise compliance.
Complete infrastructure lifecycle management from IaC to deployment. Master AWS, Terraform, CI/CD pipelines, GitOps workflows, and deployment automation for both home projects and enterprise systems.
Premium design patterns, UX research skills, and user journey mapping for modern web applications.
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>
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, bundle analysis, performance optimization, and accessibility best practices.
React, Next.js, and React Native best practices with web design guidelines.
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>