Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/lennney/skills --skill layouts-routing명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SOC 직업 분류 기준
SKILL.md 표시 중
| name | layouts-routing |
| description | Next.js App Router 布局模式。设计页面结构、路由组织、布局嵌套时加载。 |
Use these App Router patterns:
Route groups((name)) — 组织页面不影响 URL。适合分 marketing/dashboard/auth 区域
Layout nesting — layout.tsx 跨导航保持,只有 children 重新渲染
Loading/Error — 每段路由可单独配 loading.tsx 和 error.tsx(error 必须是 Client Component)
Parallel routes(@slot) — 一个布局显示多个独立页面
Intercepting routes((.)) — 从列表进入时弹 modal,直接访问进正常页面
Default to Server Components. Push Client boundaries down — 只在需要交互的部分包 'use client'。