nextjs-boilerplate
✓使用 Tailwind CSS、shadcn/ui 组件和 AI 聊天界面的 Assistant-ui 引导新的 Next.js 开发环境。当用户要求“创建新的 Next.js 项目”、“使用 shadcn 引导 Next.js”、“设置 Next.js 应用程序”、“创建 AI 聊天应用程序”、“使用 Tailwind 启动新的 React 项目”或提到使用现代工具创建新的前端项目时使用。
SKILL.md
| Framework | Next.js 14+ (App Router) | React framework with SSR/SSG | | Styling | Tailwind CSS | Utility-first CSS | | Components | shadcn/ui | Accessible, customizable components | | AI Chat | assistant-ui | Pre-built AI chat interface components | | TypeScript | Strict mode | Type safety |
使用 Tailwind CSS、shadcn/ui 组件和 AI 聊天界面的 Assistant-ui 引导新的 Next.js 开发环境。当用户要求“创建新的 Next.js 项目”、“使用 shadcn 引导 Next.js”、“设置 Next.js 应用程序”、“创建 AI 聊天应用程序”、“使用 Tailwind 启动新的 React 项目”或提到使用现代工具创建新的前端项目时使用。 来源：petekp/claude-code-setup。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
安全认证，代码可靠安全 一键安装，配置简单 兼容 Claude Code、Cursor 等工具
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 nextjs-boilerplate？
使用 Tailwind CSS、shadcn/ui 组件和 AI 聊天界面的 Assistant-ui 引导新的 Next.js 开发环境。当用户要求“创建新的 Next.js 项目”、“使用 shadcn 引导 Next.js”、“设置 Next.js 应用程序”、“创建 AI 聊天应用程序”、“使用 Tailwind 启动新的 React 项目”或提到使用现代工具创建新的前端项目时使用。 来源：petekp/claude-code-setup。
如何安装 nextjs-boilerplate？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/petekp/claude-code-setup
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01