By karchtho
Complete React development toolkit with UI/UX design principles
Modern React development patterns including hooks, components, state management (Zustand, Redux Toolkit), and performance optimization. Activates when working with React components, JSX, hooks, stores, or React-specific architecture.
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
UI/UX design principles, design systems, accessibility, responsive design, and user experience best practices. Activates when discussing layouts, styling, design decisions, user flows, or visual design.
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 karchtho/my-claude-marketplace --plugin react-frontend-bundleComprehensive Jest testing toolkit for JavaScript/Node.js applications with Express, PostgreSQL, and Prisma patterns
Comprehensive API design expertise for REST and GraphQL APIs. Master resource modeling, schema design, security, testing, and production-grade API architecture.
Development toolkit for creating Claude Code plugins and bundles with comprehensive bundle-making capabilities, utility scripts, and example templates
Token-efficient session management with environment awareness for project context, git state, and skill detection
Complete game jam development partner for Unity 2D projects. Validates starter scripts, guides architecture using modern patterns (Input System, async/await, memory optimization, dependency injection), and generates production-ready features during jam time.
Frontend development skill with design and implementation checklists
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>
React composition patterns from Vercel Engineering. Use when building scalable components, avoiding boolean prop proliferation, implementing compound components, or managing component state. Covers architecture, state management, and implementation patterns.
Frontend and mobile development with React, Next.js, React Native, and Tailwind
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, bundle analysis, performance optimization, and accessibility best practices.