Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By jovermier
Claude Code agents and skills for Next.js development. Server components, metadata, and performance expertise.
npx claudepluginhub jovermier/cc-stack-agents --plugin cc-nextjsNext.js Metadata API for SEO, OpenGraph tags, structured data, and social sharing. Use when implementing metadata, SEO, or social media previews.
Next.js performance optimizations including next/image, next/font, dynamic imports, caching strategies, and bundle optimization. Use when optimizing Next.js apps for speed or Core Web Vitals.
Next.js App Router Server Components, Client Components, layouts, data fetching, and Server Actions. Use when working with Next.js app directory, component boundaries, or data fetching patterns.
Custom AI agents for code review and test generation with domain-specific skills.
This plugin provides 4 specialized agents and 12 domain knowledge skills following the Every marketplace methodology:
agents/ # 4 review/generation agents
├── review/
│ ├── go-reviewer.md
│ ├── graphql-reviewer.md
│ └── nextjs-reviewer.md
└── workflow/
└── playwright-generator.md
skills/ # 12 domain knowledge skills
├── go-concurrency/ # Goroutines, channels, context
├── go-performance/ # Memory, strings.Builder, I/O
├── go-testing/ # Table-driven tests, race detector
├── go-error-handling/ # Error wrapping, errors.Is/As
├── graphql-schema-design/ # Types, pagination, nullability
├── graphql-resolvers/ # Dataloader, N+1, auth
├── graphql-mutations/ # Payloads, field errors
├── nextjs-server-components/ # Server/Client, data fetching
├── nextjs-performance/ # Images, fonts, caching
├── nextjs-metadata/ # SEO, OpenGraph
├── playwright-page-objects/ # Page Object Model
└── playwright-best-practices/ # Selectors, waits, a11y
Reviews Go code for idiomatic patterns, concurrency safety, and performance.
Skills used: go-concurrency, go-performance, go-testing, go-error-handling
Reviews GraphQL schemas, resolvers, and mutations for best practices and performance.
Skills used: graphql-schema-design, graphql-resolvers, graphql-mutations
Reviews Next.js code for framework best practices and performance.
Skills used: nextjs-server-components, nextjs-performance, nextjs-metadata
Generates E2E tests with Page Object Model and best practices.
Skills used: playwright-page-objects, playwright-best-practices
Agents are automatically invoked based on context, or explicitly:
"Have the Go reviewer review this code"
"Review this GraphQL schema for N+1 queries"
"Check this Next.js component for proper Server Component usage"
"Generate Playwright tests for the checkout flow"
Skills are automatically loaded by agents when needed.
MIT
Uses power tools
Uses Bash, Write, or Edit tools
Has parse errors
Some configuration could not be fully parsed
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
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.
Advanced Next.js skills for App Router, Server Components, and data fetching.
React, Next.js, and React Native best practices with web design guidelines.
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>
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.
Claude Code agents and skills for GraphQL development. Schema design, resolvers, and mutations expertise.
Claude Code agents and skills for Go development. Performance, concurrency, error handling, and testing expertise.
Claude Code agents and skills for Playwright testing. Page objects, best practices, and test generation expertise.
Auto-add skills from SkillsMP.com marketplace. Search, install, and auto-discover skills based on project context.
Claude Code skills for Playwright E2E testing. Test patterns, fixtures, page objects, accessibility testing, and best practices for Astro + React projects.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim