autohandai/skillpack-nextjs-app-router

autohandai のプロフィール

記録された最新のソース活動: 2026年10月18日 12:04

SkillsMP カタログ更新: 2026年10月19日 07:58

収集済み skills: 4

GitHub スター: 0
GitHub フォーク: 0

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

# Next.js App Router skills Four skills for Next.js 16 App Router work: routes and layouts, Server Actions that validate input, caching that fits the model your app uses, and tests that run. Each one is a plain SKILL.md file. Your coding agent reads it when the task matches, so you don't have to explain the conventions again every time. ## Install From the root of your Next.js project: ```bash git clone https://github.com/autohandai/skillpack-nextjs-app-router mkdir -p .claude/skills cp -R skillpack-nextjs-app-router/skills/* .claude/skills/ ``` Copy the skill folders themselves. Some agents only look one level deep in `.claude/skills/`, so `.claude/skills/nextjs-testing/SKILL.md` gets loaded and a nested pack folder doesn't. To use them in every project, copy them into `~/.claude/skills/` instead. Most agents pick a skill up when your request matches its description. To call one by name, mention it: `$nextjs-server-actions` in Autohand Code, or `/nextjs-server-actions` in Claude Code. ## Skills | Skill | What it does | |---|---| | `nextjs-routes-layouts` | Pages, layouts, dynamic segments, route groups, loading and error files, typed `params` | | `nextjs-server-actions` | Actions that check auth, validate with Zod, revalidate and redirect in the right order | | `nextjs-data-caching` | Works out whether you're on Cache Components or the earlier model, then applies the right APIs | | `nextjs-testing` | Vitest for components and action logic, Playwright for async Server Components and full flows | ## Adapting it They're Markdown, so edit them. The usual changes: - Swap Zod for Valibot, or `@/lib/auth` for your auth helper, in `nextjs-server-actions`. - Delete the caching section you don't use from `nextjs-data-caching`. - Add your own folder rules (where components live, naming) to `nextjs-routes-layouts`. Keep the `name` in the frontmatter the same as the folder name, in lowercase letters, numbers and hyphens. Written against Next.js 16.4, React 19, Zod 4, Vitest and Playwright as of October 2026. If something's out of date, please open an issue. Runs in Autohand Code (free CLI, any model): https://autohand.ai/cli/?utm_source=skillpack-nextjs-app-router&utm_medium=github Until 31 October 2026: first month of Pro for $10 with code FOUNDING10 (first-time customers). MIT licensed. See LICENSE.

リポジトリの README を読み込んでいます…

投稿

すべて見る →

Autohand AI

@autohandai2026年10月18日 19:00 UTC

Skill公開の投稿Skill を探して選ぶ

投稿の要約 · 英語

Autohand releases four Skill packs for code review, Next.js App Router, Rails and Django. Each pack provides task-specific playbooks rather than a single representative Skill.

元の投稿

Skill の詳細を見る · skillpack-code-review/skills-diff-review

Skill の詳細を見る · skillpack-code-review/skills-pre-merge-checklist

Skill の詳細を見る · skillpack-code-review/skills-test-gap-finder

Skill の詳細を見る · skillpack-django/skills-django-migrations

Skill の詳細を見る · skillpack-django/skills-django-models

Skill の詳細を見る · skillpack-django/skills-django-pytest

Skill の詳細を見る · skillpack-nextjs-app-router/skills-nextjs-data-caching

Skill の詳細を見る · skillpack-nextjs-app-router/skills-nextjs-routes-layouts

Skill の詳細を見る · skillpack-nextjs-app-router/skills-nextjs-server-actions

Skill の詳細を見る · skillpack-nextjs-app-router/skills-nextjs-testing

Skill の詳細を見る · skillpack-rails/skills-rails-request-specs

Skill の詳細を見る · skillpack-rails/skills-rails-safe-migrations

Skill の詳細を見る · skillpack-rails/skills-rails-service-objects

このリポジトリの skills

分類待ち

skill

職業分類

説明

更新

nextjs-data-caching

未分類

Chooses and applies the right data fetching and caching approach in a Next.js 16 App Router project, covering Cache Components ('use cache', cacheLife, cacheTag), the earlier fetch and segment config model, Suspense streaming, and revalidation. Use when data…

原文の言語: 英語

2026-10-18

nextjs-routes-layouts

未分類

Adds or restructures routes in a Next.js App Router project (Next.js 16), including pages, layouts, dynamic segments, route groups, loading and error boundaries, and not-found pages. Use when creating a new page or section under app/, moving routes, adding a…

原文の言語: 英語

2026-10-18

nextjs-server-actions

未分類

Writes Next.js App Router Server Actions (Server Functions) that authenticate, authorize and validate input with a schema before mutating data, then revalidate and redirect correctly. Use when adding a form submit, a mutation, a delete button, or when…

原文の言語: 英語

2026-10-18

nextjs-testing

未分類

Sets up and writes tests for a Next.js App Router project, with Vitest and React Testing Library for components and server logic, and Playwright for end-to-end flows including async Server Components. Use when adding test tooling to a Next.js app, writing…

原文の言語: 英語

2026-10-18

収集済み skill 4 件中 4 件を表示しています。

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/autohandai/skillpack-nextjs-app-router.