claude

nextjs-frontend-kit

Frontend-only Next.js 16 kit for apps backed by a separate API — UI/test/review agents, commands, rules, and a rules-install skill.

2 on GitHubby Nayan Chandra Dattav1.0.0MITupdated 2 months ago
/

Plugin nextjs-frontend-kit from marketplace nchdatta in nchdatta/projectkit. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (1)

  • init-rules

    Install this kit's code-style rules into the current project's .claude/rules/, and scaffold an AGENTS.md if one is missing. Run once when adopting the kit in a new project.

Slash commands (2)

  • /nextjs-frontend-kit:review

    Review the working diff against this repository's frontend scope and conventions

  • /nextjs-frontend-kit:verify

    Run the full verification gate (typecheck + lint + tests) and report failures by gate

Subagents (3)

  • frontend-reviewer

    Read-only reviewer for a diff, branch, or set of files. Enforces the scope boundaries in AGENTS.md and the conventions in .claude/rules. Reports findings; never edits.

  • test-author

    Writes and runs Vitest (MSW-backed) and Playwright specs for a described change. Use after a feature lands, or to raise coverage. Does not modify production code.

  • ui-builder

    Owns src/components and the routes under src/app. Use to build or change UI — screens, forms, layout, styling. Consumes the backend API through query hooks; never adds server-side data plumbing.

Hooks (1)

  • PostToolUse

    node "${CLAUDE_PLUGIN_ROOT}/scripts/format.mjs"

View source on GitHub

More from nchdatta/projectkit

All 2 plugins →

nextjs-kit

claude

Layered architecture kit for Next.js 16 + Prisma 7 + TanStack Query — agents, commands, rules, and a planning skill.

2 skills · 5 commands · 5 agents · hooks

2

Similar plugins

frontend-design

claude

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

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

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

headroom-skill

claude

Skill: add headroom-ai compress() to a Python or TypeScript app to cut LLM input tokens (tool outputs, logs, JSON, chat history). No API key.

1 skill

headroomlabs-ai/headroom 79,508

Maintain nextjs-frontend-kit?

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 plugins2 plugins