Next.js (TypeScript, Tailwind)
基于Next.js的现代化Web应用开发脚手架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Next.js (TypeScript, Tailwind)。 它的用途是：基于Next.js的现代化Web应用开发脚手架 详细介绍见：https://321skill.com/skills/next-js-typescript-tailwind/ 请根据该页面的说明完成安装。
使用示例
“我需要创建一个新的企业官网项目，请帮我初始化一个基于Next.js 14、TypeScript和Tailwind CSS的项目结构。”，它会引导你使用该Skill的安装命令，快速生成一个配置了路由、样式和代码规范的基础项目。接着，你可以直接开始编写页面组件和业务逻辑，无需再花费时间在基础环境配置上。
介绍
这个Skill提供了一个基于Next.js、TypeScript和Tailwind CSS的现代化Web应用开发脚手架，旨在帮助开发者快速启动新项目。它解决了从零开始配置开发环境、集成最佳实践和统一代码风格的繁琐问题。
使用方式非常简单，开发者可以通过一条命令克隆仓库，即可获得一个预先配置好TypeScript类型检查、Tailwind CSS样式、ESLint代码规范以及项目基础结构的完整项目模板。
它非常适合希望快速搭建现代化、高性能、且代码质量有保障的Web应用的前端或全栈开发者，特别是那些频繁启动新项目或团队需要统一技术栈的开发者。
建议在使用前根据具体项目需求，检查并调整模板中的依赖版本、ESLint规则和Tailwind配置。对于需要特定框架（如Vue或Svelte）或复杂后端集成的项目，可能需要额外配置。
核心特点
与同类脚手架相比，它严格遵循Next.js的最新App Router架构，并深度集成了TypeScript的严格模式与Tailwind CSS的实用类优先理念，提供了开箱即用的、符合生产环境要求的最佳实践配置。
注意事项
不适合需要服务端渲染（SSR）以外的其他渲染模式（如纯静态站点生成）作为默认配置，或强烈依赖特定UI组件库（如Ant Design）的项目。
常见问题
这个模板支持Next.js的Pages Router吗？
不支持，本模板基于Next.js最新的App Router架构构建。
如何修改默认的Tailwind CSS主题？
可以直接编辑模板中的 `tailwind.config.ts` 文件来定制主题颜色、字体等变量。