跳到主要内容
返回浏览

AI全栈建站工作区 —— Next.js 行业站从零到上线(含一键部署套件与 AI 规则)

这是什么 一个可以直接当工作区打开的建站工程包。不是教程,是能跑起来的骨架:行业模板、设计系统、部署脚本、AI 协作规则都已备好,你(或你的 AI 助手)从填内容开始。 交付内容 新站脚手架:Next.js 16 + React 19 + Tailwind v4(CSS-first),26 个 UI 组件、设计系统 833 行 一键部署套件:config.json + apply.sh + deploy.mjs(4 模块)+ systemd / nginx 模板,含备份与回滚 AI 协作规则:AGENTS.md 为唯一真源,配 Claude Code / Codex / opencode /

工作区

这是什么

一个可以直接当工作区打开的建站工程包。不是教程,是能跑起来的骨架:行业模板、设计系统、部署脚本、AI 协作规则都已备好,你(或你的 AI 助手)从填内容开始。

交付内容

  • 新站脚手架:Next.js 16 + React 19 + Tailwind v4(CSS-first),26 个 UI 组件、设计系统 833 行
  • 一键部署套件:config.json + apply.sh + deploy.mjs(4 模块)+ systemd / nginx 模板,含备份与回滚
  • AI 协作规则:AGENTS.md 为唯一真源,配 Claude Code / Codex / opencode / Trae / Cursor / Gemini / Windsurf 入口
  • Skill 包「建站开发助手」:SKILL.md + references + templates + examples + 新建站点脚本
  • 零依赖自检工具 node tools/check.mjs:结构、悬空引用、敏感信息、文本编码一次查完

怎么开始(30 分钟内)

  1. 解压,用 Claude Code / Codex / opencode 打开这个文件夹(把它当工作区)
  2. 读 README.md,跑一次 node tools/check.mjs 确认包是完整的
  3. 按 README 的「最小成功路径」复制模板 → npm install → npm run dev

你会得到 / 不会得到

会得到:从零搭骨架的时间、以及踩过的部署坑(权限、静态文件快照、CSP、代理字段白名单等都已写进规则)。 不会得到:域名与服务器、备案、以及「一键上线」——部署脚本要你自己填服务器信息。

前提

  • Node.js 20+;首次安装依赖需联网(建议配国内镜像)
  • 部署章节需要你自己的服务器(root/SSH)
  • 包内没有任何真实凭据,也不含 node_modules(需自行 npm install)

演示与调用方式

包内的 SKILL.md 头部声明了名称、版本与授权方式, AI 工具读的就是这一段。下面按本商品的数据实时生成,不是截图。

---
name: ai-fullstack-site-workspace
description: 这是什么 一个可以直接当工作区打开的建站工程包。不是教程,是能跑起来的骨架:行业模板、设计系统、部署脚本、AI 协作规则都已备好,你(或你的 AI 助手)从填内容开始。 交付内容 新站脚手架:Next.js 16 + React 19 + Tailwind v4(CSS-first),26 个 UI 组件、设计系统 833 行 一键部署套件:config.json + apply.sh + deploy.mjs(4 模块)+ systemd / nginx 模板,含备份与回滚 AI 协作规则:AGENTS.md 为唯一真源,配 Claude Code / Codex / opencode / 
version: 1.0.2
license: 个人/公司项目可用,交付给客户的成品归你;不得把工作区本身作为模板转售。
---

# AI全栈建站工作区 —— Next.js 行业站从零到上线(含一键部署套件与 AI 规则)

## 使用方式
1. 解压到你的 AI 工具的 skills 目录
2. 在对话里描述任务,工具会自动加载本 Skill
3. 按 README 的「工作流程」执行
Related

相似 Skill

同分类优先,其次是综合推荐。