以ai为核心思想，工具，生产力，利用精准的逻辑分割，将各个需求分开，用精准的语言进行vibe coding，达到想要达到的效果
##例子：一个3d世界游戏构建
##内置功能框架....
##技术约束
- 单页面，零构建：直接双击 HTML 就能打开
- 文件不超过 3 个：一个 HTML、一个 CSS、一个 JS
- Three.js 用 CDN 引入（r128 版本），不要 ES module，不要 import map，不要 npm
- 不要 React / Vue / TypeScript / Webpack / Vite / OrbitControls
- 所有 3D 物体用 Three.js 内置几何体（Box、Cone、Cylinder、Icosahedron 等）拼，不要外部模型或贴图
##视觉方向
- "积木玩具"风：颜色饱和、对比明确
- 背景是奶油色或米色（CSS 处理，不是 Three.js 的天空），不要做天空、不要地平线- 光照要"日光"感而不是"演播室白炽灯"——草地不要被照成发白
- 阴影要柔，不要硬切
##ui风格
- 顶部一个标题面板 + 一个存档面板（下拉选 + 重置 + 清空按钮）
- 底部居中浮一个工具卡片栏，每个工具卡片有 emoji 图标 + 中文标签
- 右下一个小地图（canvas 2D），俯视显示当前世界，地形用色块、树和房子用剪影
- 全部面板用浅色磨砂玻璃风格（半透明 + 模糊背景），圆角
##代码组织
- HTML 只放结构和引用
- CSS 写所有外观
- JS 包成 IIFE，逻辑分段（场景/光照/数据/工厂/交互/持久化/小地图/启动），用注释分隔
- 数据用
world[x][z] = { terrain, kind }，所有写入走唯一入口（比如 setCell）
