Top Next.js AI Tools for Full-Stack Developer Workflows

langgenius

backend-code-review is a skill that reviews backend code for quality, security, maintainability, and best practices based on established checklist rules.

langgenius

component-refactoring is a skill that simplifies complex React components by reducing complexity and improving code quality

langgenius

Frontend testing skill for generating Vitest and React Testing Library tests

langgenius

frontend-code-review is a skill that automates the inspection of frontend code files, such as .tsx, .ts, and .js, using a predefined checklist.

langgenius

frontend-query-mutation is a guide for implementing Dify frontend query and mutation patterns with TanStack Query and oRPC, focusing on contract management and efficient data handling.

langgenius

orpc-contract-first is a development approach that keeps contracts as a single source of truth in web/contract, using default query usage and minimal abstractions to preserve TypeScript inference.

vercel

flags is a skill for managing feature flags in Next.js internals, enabling developers to efficiently configure and optimize their React applications.

vercel

update-docs is a guided workflow for updating Next.js documentation based on code changes, designed for maintainers reviewing PRs.

zoonk

Write detailed user stories from implementation plans and post to GitHub. Use after planning with zoonk-issue-planning. Acts as a product owner, providing context and acceptance criteria while leaving room for implementation decisions.

mattgierhart

prd-v03-moat-definition is a skill that analyzes competitor defensibility and defines a moat strategy during the PRD v0.3 Commercial Model phase.

ItsMattG

Autonomous execution loop that processes a Beads epic task-by-task with fresh subagents, two-stage review, and circuit breaker safety. Use after plan-to-epic creates the epic.

ssdeanx

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions. Use when creating new components in

Takashi-Matsumura

NotificationServiceの使い方、通知タイプ・優先度、APIエンドポイント。新機能実装時の通知発行、通知センター拡張時に使用。

geekskai

Optimize content and websites for AI search engines (ChatGPT, Perplexity, Google AI Overviews) using GEO principles, content chunking, structured data, and brand visibility strategies. Use when workin

f

Generate customizable widget plugins for the prompts.chat feed system

f

book-translation is a skill for translating book content, specifically The Interactive Book of Prompting, into new languages using MDX content files and JSON translation keys.

getsentry

Upgrade OpenTelemetry instrumentations across the Sentry JavaScript SDK. Use when bumping OTel instrumentation packages to their latest versions.

planetaryescape

Backend budget tracking patterns for AI generation. Awareness-based tracking (not blocking), tool timeouts, per-tool rate limits, token estimates, context window management, truncation strategies, sea