这个模板用于快速建立一个可以交给 AI 开发的本地网站工作区。
你只需要基于这个 boilerplate 创建一个项目目录，然后用自然语言描述目标。AI 会按模板规则在 web/ 里初始化、开发、构建和本地预览网站。
复制 website-boilerplate-zh-CN，作为你的新网站项目目录。
用任意支持 AI agent 的开发工具打开这个目录，例如 VSCode、Claude、Codex、OpenCode 等。
告诉 AI：初始化当前网站，或使用类似的自然语言。
AI 会在 web/ 目录里初始化一个本地网站项目，默认技术栈是：
Next.js + React + TypeScript + PixiJS v8
初始化完成后，AI 会安装依赖、执行构建检查，并启动本地预览。
网站初始化后，告诉 AI：部署、预览、启动，或使用类似的自然语言。
在这个模板里，“部署”指本地部署：AI 会 build 当前网站，并启动 localhost 预览，让你可以直接在浏览器里查看。
默认地址通常是：
http://localhost:3000
如果端口被占用，AI 会使用其他本地端口。
后续开发可以直接描述你想要的效果，例如：
把首页改成一个产品展示页
做一个点击按钮后展开的介绍区域
做一个可以拖拽小球的网页小游戏
做一个点击屏幕后生成金币的小游戏
AI 会优先在 web/ 里修改真实网站文件。
凡是你提到动画、序列帧、粒子、烟雾、火焰、水花、拖尾等视觉效果，AI 会尽量基于 PixiJS 实现。
例如：
把这张序列帧图做成一个循环动画
给按钮点击时加一个粒子爆开效果
做一层缓慢飘动的烟雾
让这个图标周围有发光粒子
序列帧图 指一张图里按网格排列了多个动作帧，例如 3x3 的角色动作图。
这个模板只负责本地网站开发和本地预览。
它不会自动上线，不处理服务器、域名、证书，也不会把网站发布到公网。