跳转到主要内容
袋袋的 Sites 能力让你在对话中从零开始构建网站——描述你想要的网站，专家负责设计、编码和部署，你只需在预览中确认效果，一键发布到公网。

​
工作流程

1

启用 Sites 插件

在对话的插件设置中勾选 Sites 插件。启用后，专家获得网站构建和发布的完整能力。
2

描述你的网站

用自然语言告诉专家你想要什么样的网站。可以从一句话开始，也可以给出详细的页面规划。
3

设计方向确认

专家会展示设计方向卡片——包括配色方案、布局风格、视觉参考等。你确认后，专家才开始编码。
4

实时预览

专家编写代码的同时，右侧 Website 面板会自动打开，你可以实时看到网站效果。每次代码更改都会立即反映在预览中。
5

迭代修改

对预览效果不满意的地方，直接用对话告诉专家修改。专家会自动截取预览截图做视觉 QA，确保桌面端和移动端效果一致。
6

确认发布

满意后，专家会发起发布请求。此时你会看到一个部署确认对话框——只有你在对话框中确认后，网站才会真正发布。专家无法自动发布。
7

获取公开链接

发布成功后，你会收到网站的公开访问 URL。你的网站已经上线，任何人都可以通过这个链接访问。

​
核心特性

实时预览

Website 面板支持 HMR 热更新，代码改动即时反映，所见即所得。

用户确认发布

专家只能”请求”发布，真正的发布动作由你在对话框中确认触发，保证你对上线内容有完全掌控。

设计协作

专家会先展示设计方向供你选择，而不是直接动手。你也可以上传参考图来传达设计意图。

视觉 QA

专家会自动截取桌面端和移动端预览截图，主动发现布局问题。

​
你可以构建什么

创建个人品牌页面——介绍自己、展示项目、放联系方式，几分钟即可上线。
为产品或服务制作宣传页——英雄区、功能亮点、用户评价、CTA 按钮，一次对话搞定。
临时活动需要一个信息页？告诉专家活动细节，快速生成并发布。
专家也可以构建带有交互逻辑的页面——小测验、互动故事、简单的 H5 小游戏。
将你的知识整理成结构化的网站，带导航、搜索和目录。

​
使用技巧

  • 先聊再做：花一两轮对话和专家讨论清楚你的需求和偏好，比直接开工效果更好
  • 分步迭代：先让专家搭好整体框架，确认后再逐页打磨细节
  • 提供参考：上传你喜欢的网站截图或设计稿，专家能更准确地理解你的风格偏好
  • 关注移动端：在预览面板中切换桌面/移动视图，确保两端都正常显示
发布后的网站是公开可访问的。请确保内容不包含敏感信息，并在发布前仔细检查所有页面。

​
技术说明

  • 网站基于 TanStack Start 框架构建，支持现代 Web 特性
  • 预览面板使用开发服务器渲染，支持 HMR 热更新
  • 发布后的网站部署在 CDN，全球加速访问
  • 每个网站获得独立的公开 URL

​
计费说明

Sites 功能的积分消耗主要来自对话中的模型调用（专家编写代码和处理请求），以及可能涉及的图片生成。网站的托管和访问不额外收费。