コレクション
コレクション nextjs

Next.js フルスタック開発ワークフロー向け AI ツール集 | AI Agent Skills

Claude Code・Cursor・Windsurf 向けの nextjs full stack AI Agent Skills 集合。開発者ワークフロー自動化 を重視します。

この Next.js ページは、フルスタックのワークフロー実行を中心に構成されています。ルーティングとレンダリング設計、コンテンツ公開パイプライン、API/サービス連携、品質チェック、デプロイ準備までを実務視点で扱います。フロントエンドとバックエンドの境界をまたいで、信頼性を維持しながら反復速度を上げたいチームに向けた内容です。MCP 互換の実行機能を持つツールが含まれる場合もありますが、主軸はあくまでスキルファーストな開発運用です。

Primary Install Bridge

Pick One Skill, Then Take the Install Path

This collection should not trap users in comparison mode or pretend to install the whole collection. Its job is to narrow the shortlist to one skill, then send the next click into installation, validation, and rollout. Installation happens on the skill path.

Step 1 / Primary Path

Step 1: Open the installation docs

Move from Next.js workflow discovery into the install flow, validation checklist, and first command path before comparing anything else.

Open the Install Path
Best-Fit Next Paths

The Next Click Should Keep Narrowing, Not Reset Back To A Generic Directory

Once the install path is clear, move into the solution, CLI, or editorial surface that best matches this collection. That keeps platform, framework, and operations demand narrowing into a more verifiable high-intent journey.

Editorial Proof & Trust Signals

Why This Collection Deserves Priority Attention

Reviewed on 2026-04-17 against Next.js workflow fit, installation clarity, operator handoff, and full-stack delivery usefulness. This page is now positioned as an install-first Next.js entry point instead of a broad framework roundup.

We prioritize this page because Next.js-intent users usually need a shortlist they can install, validate, and carry into real full-stack release loops quickly.

Trust Signals

  • - Entries are chosen for practical Next.js workflow value such as shipping routes, content updates, review loops, and release guardrails.
  • - Selection favors tools with public documentation and clear setup paths that teams can validate before wider rollout.
  • - The page is curated for repeatable product delivery, not for vague framework keyword coverage or generic repository popularity.

Grouping Logic

  • - Lead with tools that can enter a Next.js-centered workflow without adding heavy setup ambiguity.
  • - Keep the shortlist compact enough for quick comparison while still covering shipping, review, content, and release support.
  • - Use installation as the bridge from Next.js discovery into validated daily execution.

Maintenance & Review

Last Reviewed
2026-04-17
Cadence
Re-check when install flow, maintainer posture, or Next.js workflow relevance changes upstream; otherwise review monthly.
Maintained By
Killer-Skills editorial review within the recovery-focused authority queue.
Verification
Validate installability, operator clarity, workflow fit, and maintainer trust before retaining or adding an entry.
Execution Examples

How These Skills Work Together In Practice

Install one Next.js workflow tool first

Use this page when you want one Next.js companion that can enter a real product loop without turning evaluation into another endless framework-tool comparison.

  1. 1. Open the installation docs before opening more Next.js-related repositories.
  2. 2. Choose one tool that best supports shipping, review, release, or content operations.
  3. 3. Install it and verify the CLI write path, sync behavior, and first operator checkpoint.
  4. 4. Only after the base path works, expand the setup across the wider full-stack workflow.

Stabilize a Next.js release loop

Treat the collection as an editorial filter when you need Next.js-adjacent tools that improve release quality without overcomplicating the stack.

  1. 1. Check whether the tool has stable ownership and visible install guidance.
  2. 2. Review CLI behavior so operators know what will be written and synced.
  3. 3. Use one validated path before scaling it to more routes, services, or teammates.
  4. 4. Document the chosen Next.js workflow baseline after the first clean rollout.
After Installation

Supporting Moves After The Install Path Is Clear

backend-code-review

[ 注目 ]
Logo of langgenius
langgenius

バックエンドコードレビューは、AIエージェントスキルを使用してバックエンドコードをレビューするプロセスです

134.5k
0
AI

component-refactoring

[ 注目 ]
Logo of langgenius
langgenius

The component-refactoring skill simplifies high-complexity React components, improving code quality and reducing maintenance efforts for developers. It utilizes patterns and workflows to refactor components, making them more efficient and easier to understand.

134.5k
0
AI

frontend-testing

[ 注目 ]
Logo of langgenius
langgenius

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.

134.5k
0
AI

orpc-contract-first

[ 注目 ]
Logo of langgenius
langgenius

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.

132.2k
0
AI

frontend-code-review

[ 注目 ]
Logo of langgenius
langgenius

フロントエンドコードレビューは、フロントエンドコードを自動でレビューするプロセス

134.5k
0
AI

frontend-query-mutation

[ 注目 ]
Logo of langgenius
langgenius

フロントエンドクエリとミューテーションパターンは、TanStack QueryとoRPCを使用して実装されるDify契約管理ソリューションです

134.5k
0
AI

update-docs

Logo of vercel
vercel

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.

138.3k
0
ブラウザ

flags

Logo of vercel
vercel

The React Framework

138.4k
0
ブラウザ

zoonk-issue-writer

Logo of zoonk
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.

102
0
AI

ai-seo-optimization

Logo of geekskai
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 working on SEO, AI visibility, content optimization, GEO, getting brand mentioned in AI, or implementing technical SEO for LLM search.

100
0
開発者

widget-generator

Logo of f
f

Generate customizable widget plugins for the prompts.chat feed system

149.6k
0
AI

book-translation

Logo of f
f

Translate The Interactive Book of Prompting chapters and UI strings to a new language

0
0
開発者

upgrade-otel

[ 公式 ]
Logo of getsentry
getsentry

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

8.6k
0
開発者

budget-tracker-patterns

Logo of planetaryescape
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, search quality detection. Triggers on budget, tool timeout, rate limit, token estimate, truncation, context window, search quality, diminishing returns.

7
0
AI
Related Authority Collections

If This Page Is Close, Keep Narrowing With Adjacent Authority Pages

Do not reset back to the generic directory. Move sideways through these adjacent high-intent collections to narrow the shortlist toward the install path that best matches your team.

Installation Questions

Answer These Three Questions Before You Install

This collection should not keep users browsing forever. These three questions explain how to shortlist, install, and validate the next step.

これらのコレクションはどのワークフロー向けですか?

ワークフロー自動化、プロセス自動化、ドキュメント操作、データワークフロー、再利用可能なスキルスタックを中心に構成されています。

コレクションとメインスキルディレクトリの違いは?

スキルディレクトリは直接検索やフィルタリングに適し、コレクションは完全なワークフロー向けの補完的スキルをまとめて見つけるのに適しています。

これらのコレクションをClaude CodeやCursorにインストールできますか?

はい。コレクション内のスキルは通常、Claude Code、Cursor、Windsurf、その他の対応環境で統一インストールフローにより動作します。

Additional Recovery Paths

Use These Additional Paths If You Need One More Step To Narrow The Decision

These are the supporting surfaces for this collection after the install direction is clear and the primary next paths have already narrowed the decision.