建站工作区 —— 让 AI 按专业标准帮你把网站做出来

想做官网，卡住你的往往不是想不到，而是：需求每次都要重新交代、 做出来的站搬不走、改两次就乱、做完了不敢上线。 这份工作区把「规矩、组件、上手路径」提前备好了 —— 你负责说想要什么，它负责照着做出专业水准。

一、商品标题（3 个备选）

1. 建站工作区｜开箱即用的 AI 建站环境｜界面组件 + 设计规范 + 部署与回滚
2. AI 建站工作区｜一套规矩管住十种 AI 工具｜官网 / 展示站 / 工具站通用
3. 把 AI 变成你的建站搭档｜不用从零学前端，也不用每次重新交代需求

二、一句话简介（30 字以内）

让 AI 按专业标准帮你建站，上线主动权在你手里。

三、目标客户与使用场景

适合谁：

• 想给自己的生意做个官网、展示站或工具站，但不想从零学前端的人
• 已经在用 AI 写代码，却每次都要重新交代一遍要求的人
• 接单做站的个人与工作室 —— 用它把「搭骨架、定规范」那几天省掉
• 网站要长期改、长期维护的小团队

什么场景下用：

• 新建官网、产品展示站、内容站、工具站
• 把网站从「某个平台上生成的页面」搬到自己能掌控的地方
• 给客户交付网站时，有一套统一的界面与视觉规范可依
• 想让「改版、上线、出问题退回去」这件事变成有章可循的常规操作

四、买家痛点：不解决会怎样

1. 网站被平台绑死。 在平台里生成的站，想搬走要折腾很久。不解决，你的站和流量永远不完全属于你。
2. 换个 AI 工具就「失忆」。 今天用一个工具建，明天换另一个接着改，之前的约定全被忘记。不解决，每次都在推倒重来。
3. 没有规范，第二次改动就开始乱。 颜色写死、间距随意、每个页面一套圆角。不解决，改一个按钮冒出三处新问题。
4. 做完了不敢上线。 服务器怎么放、出问题怎么退回去，每一步都是问号。不解决，站做好了却一直躺在自己电脑里。
5. 不知道「做到什么程度算做完」。 没有验收标准，只能凭感觉。不解决，永远在「再改一版」里打转。
6. 拿到包却卡在第一步。 少了依赖，第一次运行就报错。不解决，你会以为买到了坏文件。

五、产品亮点（每条对应一个痛点）

1. 一套规矩，十种 AI 工具都认（对应痛点 2） —— 规矩只写在一处，Claude Code、Codex、TRAE、OpenCode、DeepSeek Harness（dsh）、OpenClaw、Hermes Agent、Cursor、Gemini CLI、Windsurf 都能识别。改规矩只改一处，换工具不丢约定。
2. 开箱即用的界面与视觉规范（对应痛点 3、5） —— 二十多个已经做好的常用界面组件，加一份完整的设计规范：配色、圆角、阴影、动效怎么用，交付前该验收什么，全都写清楚。新站从第一天起就是统一的专业观感。
3. 自带「质量自检」，做完心里有数（对应痛点 5） —— 改完跑一遍，有没有低级问题当场知道；不用额外装东西，也不用在几个工具之间来回切。
4. 一键部署与回滚能力（对应痛点 1、4） —— 本地做完、上传、重启、线上逐页复核，形成固定套路；出问题可以一键退回上一个正常版本，而且不会覆盖你服务器上的运行时数据。
5. 自带「错题本」与勘误记录（对应痛点 6） —— 你和 AI 踩过的坑会沉淀下来，同一个坑不用踩第二次；已知问题单独登记，影响范围和修复状态都写明白。
6. 首次使用的说明写得直白（对应痛点 6） —— 拿到包先按说明安装依赖（大约几分钟，装一次就好），之后就能正常开工。

六、功能与交付物清单：买家实际拿到什么

• 完整的建站工作区一份，复制到电脑就能用
• 开发规则包：一份主规则 + 各类 AI 工具对应的入口，让不同工具读到同一套要求
• 界面组件集：二十多个做好的常用界面组件，风格统一、拿来即用
• 设计规范手册：配色、圆角、阴影、动效的使用约定，以及交付前的验收清单
• 新站模板：一套已经配好的起始工程，复制一份就是新站，不用从空白开始
• 一键部署工具与回滚能力：把你的网站送上自己的服务器，并能退回上一版
• 部署手册：一次性配置怎么做、日常怎么发布，一步步写清楚
• 环境自检脚本：换新电脑时先跑一次，确认环境齐了
• 完整检查工具：不用额外安装，跑一次就知道包是否完整、内容是否干净
• 配套技能包：可单独取走，放进你自己的 AI 环境里也能用
• 错误记录与勘误：你和 AI 踩过的坑、已知问题，都有记录可查
• 许可与免责说明：能用在哪些场景，白纸黑字

版本：1.0.3

七、使用方法：买家拿到后第一步做什么

1. 解压，用你的 AI 工具打开这个文件夹（把它当工作区，不是当压缩包随手丢一边）。上面列的十种工具任选其一。
2. 先读一遍说明书，按说明安装依赖（大约几分钟，只需一次）。
3. 复制一份新站模板，改成你网站的名字，让 AI 帮你把首页做出来。
4. 改完就跑一遍自检，确认没有问题再继续往下做。
5. 要上线时，照部署手册填一次你自己的服务器信息，之后每次发布都是固定流程；出错就退回上一版。

使用前提：

• 需要一台能装开发环境的电脑（Windows / macOS / Linux 都可以）
• 首次安装依赖需要联网
• 要真正部署上线，需要你自己的服务器；包内不含服务器、域名、备案与证书，也不含任何账号与密码

明确不包含： 域名、服务器、备案；代设计、代写文案、代运营；不承诺「替你上线、替你配服务器」；任何形式的收益承诺。

八、兼容平台与工具

本项目兼容以下 AI 编程工具与平台：

• Claude Code
• Codex
• TRAE
• OpenCode
• DeepSeek Harness（dsh）
• OpenClaw
• Hermes Agent
• Cursor
• Gemini CLI
• Windsurf

规则真源是 AGENTS.md，以上工具都能识别。 换工具不用重新交代要求，它们读到的是同一份规矩。

运行环境：一台能装好开发环境的电脑即可；部署目标是你自己的服务器（常见的 Linux 主机就行，也可以按说明换成容器方式）。

九、版本与价格建议

当前版本：1.0.3（小版本号递增代表修问题或小幅补充，大版本号变化才代表不兼容改动）

档位	包含	建议价格区间
基础档	工作区本体（新站模板 + 界面组件 + 设计规范 + 规则包）	低档
标准档	基础档 + 配套技能包 + 部署手册 + 一次部署排错答疑	中档
进阶档	标准档 + 新站搭建陪跑 / 按你的需求定制界面与配色	中高档

说明： 以上只是档位与相对区间建议，用于设计商品结构；具体成交价与渠道策略不在本文档内。

十、售后与更新说明

• 更新记录：每个版本改了什么、为什么改，都有记录；已知问题单独登记，写明影响范围与修复状态。
• 升级方式：按包内说明对照更新，同一大版本内的后续更新不需要重复购买。
• 纠错机制：自带「错题本」，你和 AI 踩过的坑会沉淀下来，同一个坑不用踩第二次。
• 遇到问题怎么办：先按说明跑一次自检，把结果贴出来，能快速分清是环境问题还是包的问题。
• 服务边界：提供文档范围内的答疑与技术说明；不替买家配置服务器、域名、备案与证书，也不承诺上线结果。

十一、搜索关键词（SEO）

AI 建站工作区、开箱即用建站环境、自托管网站、网站部署与回滚、企业官网源码、界面组件集、前端设计规范、AI 编程规则真源、Claude Code 建站、Codex 建站、TRAE、OpenCode、DeepSeek Harness、OpenClaw、Hermes Agent、Cursor、Gemini CLI、Windsurf、AGENTS.md 规则真源、网站模板、产品展示站源码

十二、常见问题 Q&A

• Q：我完全不懂编程，能直接用吗？
• A：能让你从零做出第一个网站，但要你自己判断需求、按说明操作电脑。完全没用过命令行的人，建议选带陪跑的档位。
• Q：为什么拿到包不能立刻运行？
• A：因为不带依赖包（体积太大）。按说明安装一次依赖，大约几分钟，之后不用重复装。
• Q：需要自己买服务器吗？你们会帮我上线吗？
• A：要，用你自己的服务器。包内不含服务器、域名、证书与任何账号信息；我们不替你上线、不替你配服务器，但部署手册、一键部署与一键回滚的能力都给你了。
• Q：部署会不会覆盖我服务器上已有的数据？
• A：不会。只在本地做完再上传，服务器上不跑构建；运行时数据目录约定永不覆盖，每次发布前自动备份，出问题可回滚。
• Q：网站做出来大概是什么样子？
• A：偏潮流、科技、未来感的暗色风格；配色、圆角、阴影、动效都由统一规范管着，所以每个页面看起来是一套东西，不会东拼西凑。想换风格，改一处设定就能整体切换。
• Q：支持哪些 AI 工具？
• A：Claude Code、Codex、TRAE、OpenCode、DeepSeek Harness（dsh）、OpenClaw、Hermes Agent、Cursor、Gemini CLI、Windsurf；规则真源是 AGENTS.md，这些工具都能识别。
• Q：能用在我自己的生意或客户项目上吗？
• A：可以。用在自己或公司的项目、以及交付给客户的项目都可以；不能把这份工作区本身当模板转卖。详见包内许可说明。
• Q：以后更新要再买一次吗？
• A：不需要。同一大版本内的后续更新免费，按包内说明对照升级即可。

---
name: ai-fullstack-site-workspace
description: 从零搭骨架、配设计、写部署、反复调 AI，还没上线先累垮。这个工作区，不是教程，是骨架。你只填内容，从零到上线。这个工作区，打开就能跑：Next.js 16 + React 19 + Tailwind v4，26 个 UI 组件、833 行设计系统；一键部署、备份回滚systemd/nginx 模板全配好；AGENTS.md 统一 AI 规则，Claude Code / Codex / opencode 直接干。不是教程，是骨架。你只填内容，从零到上线。
version: 1.0.2
license: 个人/公司项目可用，交付给客户的成品归你；不得把工作区本身作为模板转售。
---

# AI全栈建站工作区   从零到上线一键部署

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