Next.js AI Tools for Full-Stack Developer Workflows | AI Agent Skills
Installable AI agent skills for nextjs full stack developer workflows in Claude Code, Cursor, and Windsurf.
This Next.js page is organized around full-stack workflow execution: routing and rendering decisions, content publishing pipelines, API and service integrations, quality checks, and deployment readiness. It is designed for teams that need faster iteration without sacrificing reliability across frontend and backend boundaries. Some tools may expose MCP-compatible runtime capabilities, but the main story remains skills-first engineering—shipping production features with stronger automation, testing discipline, and operational clarity.
backend-code-review
[ Featured ]
langgenius
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.
Guide for implementing oRPC contract-first API patterns in Dify frontend. Trigger when creating or updating contracts in web/contract, wiring router composition, integrating TanStack Query with typed contracts, migrating legacy service calls to oRPC, or deciding whether to call queryOptions directly vs extracting a helper or use-* hook in web/service.
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, o
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
This skill should be used when the user asks to update documentation for my changes, check docs for this PR, what docs need updating, sync docs with code, scaffold docs for this feature, document this feature, review docs completeness, add docs for this change, what documentation is affected, docs impact, or mentions docs/, docs/01-app, docs/02-pages, MDX, documentation update, API reference, .mdx files. Provides guided workflow for updating Next.js documentation based on code changes.
flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.
🚀 2025 Most Popular FREE Blog Template! Next.js 14, Zero Code - Just Write & Deploy | 2025最火免费博客模板!支持Markdown,一键部署,极致性能!⚡️ ✨ Write in Markdown, get your professional blog in minutes. Custom domain & comments ready! | 写Markdown即可,快速部署,支持自定义域名和评论,无需代码!geekskai.com/
f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
a.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.