用途
new-page 是一个用于创建 Next.js App Router 页面的技能，来自 martinacostadev/claude-react-agents。它的目标是根据 App Router 约定，为指定路由路径生成结构完整的页面文件。
主要能力
该技能接收一个路由路径参数（$ARGUMENTS），并执行以下流程：
- 解析路由：从参数中提取路由段，识别动态段（例如 [id]），并判断是否需要路由组。
- 创建文件：生成 page.tsx（主页面组件）、loading.tsx（加载状态）、error.tsx（错误边界），并在需要时创建 layout.tsx。
文件模板
page.tsx
模板包含 Metadata 导出（title 与 description）、PageProps 接口（params 为 Promise，searchParams 为 Promise 且值为 string 或 undefined），以及默认导出的异步 Page 组件。组件内部会 await params，并返回包含标题与内容占位的主结构。
loading.tsx
模板返回一个居中的旋转加载指示器，使用 Tailwind 类名控制样式。
error.tsx
模板为客户端组件（'use client'），接收 error 与 reset 属性，使用 useEffect 记录错误，并渲染错误提示与“Try again”按钮，按钮点击时调用 reset。
使用方式
该技能通过传入路由路径参数来调用，参数即目标路由。技能会依据上述流程解析并生成对应文件。具体调用命令或集成方式在提供的资料中暂未说明。
适用场景
适用于在 Next.js App Router 项目中快速创建符合约定结构的新页面，尤其是需要同时具备加载状态与错误边界的页面。
限制
资料中未提供该技能的安装方式、依赖要求、支持的 Next.js 版本、收费信息或平台限制。生成的模板使用 Tailwind CSS 类名，但未说明是否强制要求 Tailwind。