autohandai/skillpack-nextjs-app-router

최근 기록된 소스 활동: 2026년 10월 18일 12:04

SkillsMP 카탈로그 업데이트: 2026년 11월 5일 19:57

수집된 skills: 4

GitHub 스타: 0
GitHub 포크: 0

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

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

저장소 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 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개를 표시합니다.