Practical skills for coding agents: React/Next.js optimization and safe Vitest execution
Use this skill when writing, reviewing, or optimizing React and Next.js code. Provides 47 performance best practices covering async patterns, bundle optimization, server/client rendering, re-render prevention, and JavaScript performance. Triggers on tasks involving React components, hooks, data fetching, code splitting, memoization, or performance improvements.
Use this skill when running Vitest tests to ensure safe execution. Applies when running tests, executing test suites, or invoking pnpm test, npm test, or vitest commands. Prevents hung processes through timeouts, manages watch mode, and ensures proper cleanup. Essential for automated test runs to avoid runaway processes consuming CPU for hours or days.
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.
A marketplace of skill plugins for coding agents using Claude Code CLI.
Practical skills for coding agents: React/Next.js optimization and safe Vitest execution.
| Skill | Description |
|---|---|
| developing-react-apps | 47 performance optimization rules for React and Next.js applications covering async patterns, bundle optimization, server/client rendering, re-render prevention, and more |
| running-vitest-safely | Safe Vitest test execution with proper flags to prevent hung processes, manage watch mode, set timeouts, and ensure proper cleanup |
Skills for working with Claude Code: creating skills, creating custom agents, and orchestrating task agents.
| Skill | Description |
|---|---|
| creating-agents | Create custom Claude Code subagents with appropriate scopes, tool restrictions, and lifecycle hooks for specialized domain experts |
| creating-skills | Create new Claude Code skills, edit existing skills, or convert sub-agents to skills. Includes guidance on SKILL.md structure, naming conventions, and best practices |
| orchestrating-task-agents | Best practices for delegating work to Task agents including XML prompt structure, agent type selection, parallel/sequential coordination, and skill invocation patterns |
Adversarial debate for code reviews and implementation planning using specialized multi-agent teams.
| Skill | Description |
|---|---|
| debating-code-reviews | Orchestrate a team of 4 specialized reviewers (Tracer, Architect, Breaker, Prosecutor) who independently analyze code, then debate each other's findings to catch more bugs |
| debating-implementation-plans | Orchestrate a team of 4 planning specialists (Scout, Planner, Critic, Prosecutor) who independently analyze a task, then debate to produce a validated implementation plan |
Add the marketplace to Claude Code:
/plugin marketplace add adbutterfield/coding-agent-plugins
Then install the plugins you want:
/plugin install coding-skills@coding-agent-plugins
/plugin install meta-skills@coding-agent-plugins
/plugin install debate-skills@coding-agent-plugins
Or install all:
/plugin install coding-skills@coding-agent-plugins meta-skills@coding-agent-plugins debate-skills@coding-agent-plugins
The developing-react-apps skill was initially based on react-best-practices from Vercel Labs. It has since been revised to follow official Claude Code skill authoring best practices and the Agent Skills Specification, along with personal experience crafting skills that agents can effectively use.
MIT
npx claudepluginhub adbutterfield/coding-agent-plugins --plugin coding-skillsAdversarial debate skills for coding agents: multi-persona code review debates and pre-implementation planning debates
Skills for working with Claude Code: creating skills and orchestrating task agents
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.
Comprehensive Vitest testing framework skills for modern Vite-powered JavaScript and TypeScript projects.
React, Next.js, and React Native best practices with web design guidelines.
Personal development best practices skills for React, Effect-TS, and other frameworks. Enforces patterns, anti-patterns, and code quality guidelines.
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.
React, React Flow, React Router, shadcn/ui, Tailwind v4, Vitest, and Zustand code review. Pairs with beagle-core for full workflow.