Neuro-Guard OS 官网生成器
用途（Overview）
把一份已经写好的完整网站模板整体复制到用户工作区，并启动运行，得到一个可立即预览、可二次定制的 Neuro-Guard OS 营销官网。
模板是一个 Next.js 14（App Router）+ TypeScript + Tailwind + Framer Motion 项目：
- 深色科技风（主色 #0A0E27，强调色 #00E5FF / #7C3AED），含粒子背景、3D 倾斜卡片、环形指标动画、证言轮播。
- 22 条路由全部预渲染：首页、关于、技术架构、解决方案（含基金/医院/企业三个子页）、白皮书（含下载落地页）、联系、招聘、博客（含 2 篇 MDX）、隐私、条款，以及 sitemap.ts / robots.ts SEO。
- 文案零硬编码：所有页面文本在 content/*.json 与 content/blog/*.mdx，组件只做渲染——改文案不碰代码。
- UI 基础组件（components/ui）为轻量自包含实现，不依赖 @radix-ui，npm install 后零额外配置即可 npm run dev。
何时使用（When to use）
- 用户要做一个 AI / 神经科学 / 高科技 To-B 产品的品牌官网、着陆页。
- 用户说：「搭一个 Next.js 官网」「生成 Neuro-Guard 网站」「做个产品介绍站」「把我的产品做成可上架的网站 skill」。
- 用户已有
Neuro-Guard_Website_Build_Prompts.md之类规格，想直接落地成可运行站点。
交付物清单（Deliverables）
复制到用户工作区的是一个完整可运行的 Next.js 项目目录，含：
- 配置：package.json tsconfig.json next.config.mjs tailwind.config.ts postcss.config.mjs .eslintrc.json .prettierrc .env.example
- 文案：content/（site/home/about/technology/team/testimonials/careers/whitepaper + solutions/* + 2 篇博客 MDX）
- 组件：components/ui components/shared components/layout components/home components/technology components/solutions components/whitepaper components/contact
- 页面：app/（22 条路由 + 全局 layout.tsx）
- 资产：public/（SVG logo、架构图、场景背景、路线图）与 app/icon.svg
- 文档：README.md DEPLOY.md
工作流（Workflow）
核心原则：不要逐行重写模板文件，用 shell cp 整体复制，省 token 且不出错。
Step 0 · 确认目标工作区
询问或确认用户希望把网站生成到哪个目录（默认当前工作区根目录下的 neuro-guard-website/）。记录为 <workspace>。
Step 1 · 复制模板
mkdir -p "<workspace>/neuro-guard-website"
cp -r "$SKILL_DIR/assets/neuro-guard-website/." "<workspace>/neuro-guard-website/"
其中 $SKILL_DIR 是本 skill 自身所在目录（即含本 SKILL.md 的目录）。
> 若用 Git Bash 出现 /c/... 路径被扭曲，改用 Windows 风格绝对路径（如 C:/Users/...）并加 export MSYS_NO_PATHCONV=1。
Step 2 · 安装依赖
cd "<workspace>/neuro-guard-website"
npm install
（无网络时可改为 npm install --offline 若已有缓存；首次需联网拉取 522 个包。）
Step 3 · 本地运行（可选，按用户需求）
- 开发预览：
npm run dev→ 打开http://localhost:3000 - 生产构建校验：
npm run build（next build已验证 22 路由全部预渲染通过） - 生产起服：
npm run start
Step 4 · 交付与提示
向用户交付目录路径 + 运行命令，并提醒：
1. 表单（白皮书下载 / 联系）需配置 Formspree：cp .env.example .env.local 后填 NEXT_PUBLIC_FORMSPREE_ENDPOINT；未配置时走本地提示模式，不影响浏览。
2. 白皮书 PDF 为占位：把真实 Neuro-Guard-OS-Whitepaper.pdf 放进 public/whitepaper/ 即生效。
3. 字体用 <link> 引 Google Fonts（避免无网构建失败），仅触发一条 no-page-custom-font 警告，不影响构建。
输出 / 校验命令（Validate）
cd "<workspace>/neuro-guard-website"
npm run build # 期望：22 routes 全部 ○/● 预渲染，无 error
npm run dev # 冒烟：curl -s -o /dev/null -w '%{http_code}' http://localhost:3000/ → 200
交互语风（Tone）
务实、直接、给结论。先给可运行结果，再讲可定制点。不堆术语。
可定制点（Customization）
- 改文案：只编辑
content/*.json与content/blog/*.mdx，无需动组件。 - 改主色：
tailwind.config.ts的ng-*色板 +styles/globals.css的 CSS 变量。 - 加场景页：仿
app/solutions/<name>/page.tsx+content/solutions/<name>.json，并在app/solutions/page.tsx与app/sitemap.ts注册。 - 加博客：在
content/blog/新增.mdx（含title/slug/date/author/excerpt/tagsfrontmatter），app/blog/page.tsx自动收录。
版本 / 发布说明（Release notes）
- v1.0.0 — 初始版本：22 路由完整官网模板，Next.js 14 + TS + Tailwind + Framer Motion，文案 JSON/MDX 驱动，UI 组件零外部依赖。
Resources
assets/
assets/neuro-guard-website/ — 完整 Next.js 项目模板（排除 node_modules 与 .next 构建产物），用 cp 整体复制到用户工作区。
references/
references/architecture.md— 目录结构、数据模型、各组件职责，扩展时查阅。references/customization.md— 常见改法（标题/主色/加场景页/加博客/接表单）速查。
