claude

nextjs

Next.js full-stack development — App Router, Server Actions, API tests, code review, performance and Lighthouse audits, test strategy

2 on GitHubby Szum Tech Teamv1.5.1MITupdated 3 days ago
/

Plugin nextjs from marketplace szum-tech in JanSzewczyk/claude-plugins. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (10)

  • api-test

    Test Next.js Route Handlers and API endpoints using Playwright for real HTTP requests. Use when testing API endpoints, route handlers, or backend integrations.

  • devlogs

    Analyze a dev-session log file (tmp/app.log) written by the LogLayer + Pino logger in a Next.js project using the structured-logging skill's conventions. Finds missing correlation context (requestId/module/userId), sensitive-data leaks that slipped past redaction, structural/readability problems, an

  • error-handling

    Comprehensive error handling for Next.js applications — use whenever adding or fixing error handling, building database or service layer operations, writing server actions, or making an app production-ready. Covers ServiceError (typed error contract for any external service: DB, API, network), tuple

  • generate-feature-package

    Scaffold a new feature domain package under features/<name>/ in this project, following the feature-architecture spec. Use whenever the user wants to create/start/bootstrap a new feature, domain, module, or slice — e.g. "create a feature for invoices", "scaffold a new domain", "/generate-feature-pac

  • lighthouse-audit

    Automated Lighthouse audit for Next.js apps. Builds the production app, runs @lhci/cli across key URLs, scores all five categories, and produces a prioritized fix plan mapped to concrete Next.js code changes.

  • performance-optimization

    Performance optimization patterns for Next.js applications. Covers bundle analysis, React rendering optimization, database query optimization, Core Web Vitals, image optimization, and caching strategies.

  • server-actions

    Create Next.js Server Actions in TypeScript with a typed result contract, Zod validation, auth guards, error handling, and React integration. Use this skill whenever writing or modifying Server Actions in a Next.js App Router project — form submissions, data mutations, CRUD operations, auth-gated ac

  • structured-logging

    Structured logging patterns with LogLayer + Pino for Next.js applications. Covers log levels, context enrichment, child loggers, and production best practices.

  • t3-env-validation

    Type-safe environment variable validation with @t3-oss/env-nextjs and Zod. Build-time validation ensures all required env vars are present and correctly typed.

  • toast-notifications

    Send a one-shot toast/flash message from a Next.js (App Router) Server Action that appears on the next render — surviving redirect() — via a short-lived cookie the next render reads, fires once, and clears. Library-agnostic plumbing (sonner, react-hot-toast, any toast UI); bundles ready-to-copy file

Subagents (4)

  • code-reviewer

    Comprehensive code review for Next.js/React/TypeScript code. Use proactively after completing logical chunks of implementation. Reviews recent code changes for quality, performance, type safety, security, and pattern compliance.

  • nextjs-backend-engineer

    Implement backend logic for Next.js applications including server actions, route handlers, API endpoints, database operations, and authentication flows. Use proactively after completing backend implementations.

  • performance-analyzer

    Analyze application performance, optimize bundle size, improve React rendering efficiency, and debug slow queries. Use proactively when performance issues are suspected or before deploying major features.

  • testing-strategist

    Plan test strategies, analyze test coverage, and decide which types of tests to write. Use proactively after implementing features to ensure proper test coverage.

View source on GitHub

More from JanSzewczyk/claude-plugins

All 17 plugins →

python

claude

Python development — an architecture skill and two agents (python-developer, python-api-architect), team conventions (Ruff, uv, typing, errors, logging, documentation, asyncio, security, API structure), pytest and FastAPI rules, and factory_boy test data rules

7 skills · 4 agents

2

react

claude

React development — React 19 Compiler, Storybook interaction tests, accessibility audits, and component-driven UI architecture

5 skills · 2 agents

2

TypeScript & JavaScript — Vitest unit tests, mimicry-js test data builders, coverage gaps, dead-code sweeps, and npm package updates

5 skills · 2 agents

2

Author and maintain Claude Code plugins and marketplaces — create and audit plugins and marketplaces, manifest and documentation drift, mods, and semver release tagging

5 skills

2

design

claude

Design system & styling — Szum-Tech design system, Tailwind CSS v4, and CVA-based component conventions

4 skills

2

Everyday Git workflow on GitHub — branches, Conventional Commits, pull requests with a unified description, and whole tasks from branch to PR

4 skills

2

Similar plugins

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

payload

claude

Payload Development plugin - covers collections, fields, hooks, access control, plugins, and database adapters.

1 skill

payloadcms/payload 45,796

ui-design

claudecodex

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

9 skills · 4 commands · 3 agents

wshobson/agents 42,461

AI agent skills for CopilotKit — search the current documentation and source, and drive the CopilotKit CLI

9 skills · 2 MCP servers

CopilotKit/CopilotKit 38,675

Maintain nextjs?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins17 plugins