BlueRoseNote/07-Other/AI/AI Agent/WY/Website/Netease AITA AssetMaker.md

提示词

请你说中文，并使用中文编写文档。 我想制作一个AI 提示词 => 2D原画 => 参考图 => 3D模型生成的WorkFlow网站，功能与风格样式完全复刻：

• https://app.assethub.io/
• https://app.assethub.io/inventory
• https://app.assethub.io/workflow
• https://app.assethub.io/texturing
• https://app.assethub.io/image
• https://app.assethub.io/settings/team/4430d872-b40f-4374-bfd0-936205e155aa
• 视频
  • https://www.youtube.com/watch?v=h8fKTZDQ90s
  • https://www.youtube.com/watch?v=i95-KHATaEY

迭代方式

1. 你可以使用浏览器打开这个网站，我会帮你登录。
2. 依次打开左边侧边按钮，读取各个页面的HTML结构、CSS信息。将截图存储在Screenshots，使用中文名。视频在github上寻找合适工具给我下载下来作为参考。
3. 下载网站都用的图片的，并在复刻网站时用上。
4. 搭建完前后端基础代码之后，先进行前端框架与效果迭代，之后反复对照截图、原始站点进行迭代，保证网站与原站点效果完全一致。
5. 使用ObsidianCli 维护docs下的文档。

主要功能

1. 该网站的主要功能是通过一套完整流程来生成3D模型，大致流程如下：
   1. 用户输入的参考图与提示来生成模型原画。
   2. 通过原画生成三视图。
   3. 使用三视图来生成3D模型。
   4. 3DMesh重拓扑。
   5. UV Unwrap
   6. auto texture
2. 具备3D渲染功能，请根据参考原站点使用方案。
3. 具备节点工作流，请使用合适的节点框架，可以考虑使用 https://github.com/comfy-org/ComfyUI 中的节点渲染与流程控制逻辑。
   1. 节点工作在线共同预览与编辑功能，实现协同工作。
4. 简单的账户登录机制， 并且提供OpenID登录方式。

技术选型

我打算使用： 前端技术：TypeScript、Vue 3、Vite；前端组件请使用Element Plus，使用pnpm install element-plus 进行安装。 后端技术：nodejs、Fastify、Mongoose、fastify-jwt 数据库：MongoDB、MySQL。 工具函数：Axios、VueUse、pnpm 文档管理：Obsidian Cli

文档目录结构

• docs
  • Netease_AITA_AssetMaker.md：项目技术、设计细节入口文档，方便Agent来寻找
  • Screenshots：存放截图。
  • Videos：视频参考。
  • WebsiteSource：存放HTML、CSS相关信息。
  • Web：前端相关文档。
  • Server：后端相关文档。