工作流程
1
启用 Sites 插件
Sites 需要手动勾选。启用后专家才有网站工具,否则它只会写普通 HTML 文件——那条路发布不了。另外 Sites 需要沙盒(
sandbox_mode != none)。没有沙盒的对话里这个插件不激活。2
描述你的网站
可以从一句话开始,也可以给出详细页面规划。表达型需求(品牌页、作品集)和功能型需求(后台、表单工具)会走不同的分支。
3
设计方向确认(表达型需求)
专家先在
/profy-design/<名字> 这个临时命名空间下做出 3 个真实可点的首屏变体,然后弹卡片让你选。不是给你看描述文字,是看真页面。你选定之后,决策会写进工作区的 .profy/site-design.json。这是设计决策的唯一真相源——专家后续必须回读这个文件,不能从聊天记录里重新推导。4
实时预览
Website 面板会自动打开,dev server 按需启动(lazy start),支持 HMR,改代码即时可见。
5
迭代修改
直接在对话里说要改什么。专家会用浏览器工具截桌面端和移动端的真实截图做视觉自检,而不是只看代码。
6
确认发布
专家发出发布请求 → 你在面板点部署 → 填站点标识 → 确认。这时才真正开始构建和上传。
设计方向阶段的约束
site_design 有两种模式,取决于你的需求类型:
各字段的硬约束:
生图要经过你授权,卡片上会显示预估费用。授权时锁定的是当时那个图片模型;发布前换了模型,批量生成会以
model_mismatch 拒绝执行并要求重新估价——这是防止你按 A 模型的价格授权、却按 B 模型的价格扣款。素材体积预算
素材约束挂在目录上而不是工具上,所以绕不开——用curl 下载和用工具下载一样计入。
三个入口都会测量这个预算,但态度不同:
发布前的三道闸门
专家调deploy 时会检查三件事,任一不过就不会给你发布卡片,而是告诉你卡在哪:
第二道最实用——那些方向变体是给你挑款用的中间产物,跟正式站点一起发出去很尴尬。
发布链路的数值
发布走双通道:文件上传对象存储(主服务,通过 CDN 直出),同时尽力部署一份 EdgeOne 预览。EdgeOne 失败不影响发布成功,因为对象存储才是实际服务层。
最终网址形如
https://<你的标识>.site.profy.cn。
计费
实际成本的大头通常是迭代轮次,不是发布本身。「先聊清楚再动手」在这里是真省钱:结构定错了返工,等于把整个编码阶段的 Token 再烧一遍。
失败态与排错
你可以构建什么
个人主页与作品集
个人主页与作品集
典型的表达型需求,会走 3 方向选择。适合先看变体再定风格。
产品落地页
产品落地页
英雄区、功能亮点、评价、CTA。素材需求高,注意 3 个生成素材的上限——超出的部分用转存外链补。
活动页与邀请函
活动页与邀请函
时效性强、结构简单,通常一两轮就能定稿。
互动 H5 与小游戏
互动 H5 与小游戏
带交互逻辑的页面。发布前一定要在预览里真点一遍,静态截图看不出交互问题。
文档与知识站
文档与知识站
结构化内容站。页面多的话建议分批做,一次让专家生成十几页容易顾此失彼。
技术说明
- 框架是 TanStack Start,构建产物在
.output/ - 工作目录是
/home/user/workspace/web/(持久化);镜像里的/home/user/project/web/只是只读种子,不要在那里改东西 - dev server 按需启动,非网站类对话不会付这份开销
相关页面
端到端:发布一个网站
从需求到上线的完整流程演练
图片生成
设计素材的批量生成与计费
限额速查
平台全部硬限制
沙盒
代码运行环境与持久化规则

