AI 对话建站
AI 对话是 Linkraft 的核心交互方式。用好它能大幅提升效率;用不好则容易反复消耗灵感值却达不到预期。本文讲解对话机制和实用技巧。
对话能做什么
| 阶段 | 对话的作用 |
|---|---|
| 建站前 | 描述需求,让 AI 生成需求文档和网站 |
| 建站后 | 修改网站:改风格、增删板块、新增页面、修复问题 |
对话入口:站点页面底部的输入框,随时可用。
对话的执行机制
AI 不只是回答,而是执行任务
与普通聊天机器人不同,Linkraft 的 AI 会实际改动您的网站文件。发出指令后,界面会实时展示执行过程:
| 显示 | 含义 |
|---|---|
| 任务执行中... | 正在处理 |
| 已执行 N 个任务 | 累计完成的任务数 |
| 新增内容 / 编辑内容 | 正在创建或修改文件 |
| 写了 N 行 / +N行 / -N行 | 代码变更量 |
| 当前任务进度 | 整体进度 |
您会看到的具体动作
AI 在工作时会调用各种能力,界面上可能显示:
| 动作 | 说明 |
|---|---|
| 正在分析网站中… / 网站分析已完成 | 读取当前网站结构,理解上下文 |
| 正在生成需求文档 | 产出 PRD |
| 查看目录 | 浏览项目文件结构 |
| 读取内容 | 读取现有文件内容 |
| 模糊搜索代码 | 定位需要修改的位置 |
| 检索相关资料 | 查找参考信息 |
| 执行命令行 | 运行构建等命令 |
| 配置后端服务 | 搭建服务端能力 |
| 执行 SQL 语句 / 获取表信息 / 获取表数据 | 操作数据库 |
| 调用插件技能 | 调用专项功能插件 |
| 信息收集表单 | 需要您填写信息 |
| 开通邮箱验证 / 开通短信验证 | 配置访客登录能力 |
| 预览页面 / 去预览 | 结果可预览了 |
这种透明度的价值在于:您能判断 AI 是否理解正确。如果发现它在改不相关的地方,可以及时打断并重新说明。
会话是连续的
AI 记得当前会话的上下文。您可以这样连续提要求:
您:把首页主色调改成深蓝色
AI:(完成修改)
您:字体也调大一点
AI:(明白"字体"指的是首页的字体)
不需要每次都重复说明背景。
怎么写好指令
这是本文最重要的部分。指令质量直接决定结果质量和灵感值消耗。
原则一:说清楚「改哪里」
AI 需要知道修改位置。
| ❌ 不好 | ✅ 更好 |
|---|---|
| 标题改一下 | 把首页第一屏的大标题改成「专注手工皮具 8 年」 |
| 颜色不好看 | 把导航栏背景从白色改成深灰色 |
| 加个模块 | 在首页产品展示下方增加一个客户评价模块 |
原则二:说清楚「改成什么」
给出明确的目标状态,而不只是表达不满。
| ❌ 不好 | ✅ 更好 |
|---|---|
| 这个板块太丑了 | 把这个板块改成三列卡片布局,每张卡片带图标和标题 |
| 排版有问题 | 产品列表在手机上显示成一列,现在是两列挤在一起 |
| 不够专业 | 换成商务风格:深蓝配灰白、直角边框、无衬线字体 |
原则三:一次说一件事
同时提多个不相关的要求,AI 容易漏掉或理解偏差。
| ❌ 不好 | ✅ 更好 |
|---|---|
| 改一下首页颜色,然后加个联系表单,产品页也调整下,导航顺序换换 | 分四次说,每次一件 |
例外:同一个位置的关联修改可以一起说,例如「首页大标题改成 XXX,副标题改成 YYY,按钮文字改成『立即咨询』」。
原则四:能用编辑器就别用对话
这条最省钱。以下操作用可视化编辑器更快且不消耗灵感值:
-
改文字内容
-
换图片
-
调字号、颜色、对齐
对话适合处理:结构性改动、样式体系调整、新增功能、新增页面。
原则五:善用截图
如果某个地方显示异常,可以截图上传,比文字描述更准确。
若出现「截图解析失败,请重试」或「截图上传失败,请重试」,重新上传即可。
常用指令模板
直接套用即可。
视觉风格类
把整站主色调改成 #1E3A8A(深蓝),辅助色用浅灰
整体风格改成极简:留白更多、去掉阴影、字体用无衬线
所有按钮改成圆角,鼠标悬停时颜色加深
导航栏改成固定在顶部,滚动时不消失
板块增删类
在首页「产品介绍」下方增加一个客户评价模块,三列卡片,每张有头像、姓名、评价内容
删除首页的「团队介绍」板块
把首页的「关于我们」和「服务项目」两个板块调换位置
在页面底部增加一个联系方式栏,包含地址、电话、邮箱和微信二维码
内容结构类
导航栏顺序改成:首页、产品中心、解决方案、关于我们、联系我们
产品列表改成每行三个,带分页,每页 9 个
文章列表增加分类筛选功能
功能类
增加一个联系表单,收集姓名、公司、电话、需求描述,提交后存到数据库
增加在线预约功能,可以选日期和时段,需要填手机号
增加访客登录功能,用手机号验证码登录
给产品页增加一个"询价"按钮,点击弹出表单
响应式适配类
手机端导航改成汉堡菜单
产品列表在手机上改成单列显示
首页大图在手机上高度减半,文字不要压在图上
修复类
修复问题:手机端首页底部按钮被遮挡
产品详情页的图片没有等比缩放,变形了
表单提交后没有成功提示,请加上
界面也提供「修复问题」快捷操作,可直接触发修复流程。
对话中的交互形式
AI 在需要更多信息时会主动询问,形式包括:
| 形式 | 界面表现 | 操作 |
|---|---|---|
| 单选 | 选项列表 | 选一项。未选提示「请选择一个选项」 |
| 多选 | 标注「(多选)」 | 至少选一项。未选提示「请至少选择一个选项」 |
| 填空 | 输入框 | 输入内容。为空提示「请填写内容」 |
| 自定义输入 | 选项 + 输入框 | 提示「请输入自定义内容」 |
| 上传文件 | 上传控件 | 提示「上传相关资料进行补充,支持上传企业 LOGO、公司地址、公司电话及公司介绍等信息」 |
填写完点击「提交」。
两个关键决策点
决策点一:继续细化 vs 直接生成
首次描述需求后,AI 会追问细节。此时有两个按钮:
| 按钮 | 效果 | 适用场景 |
|---|---|---|
| 继续细化需求 | AI 继续追问 | 描述较简略,希望 AI 帮你想全面 |
| 直接生成需求文档 | 跳过追问,立即产出 PRD | 描述已很详细,不想再回答 |
建议:描述写得完整时选「直接生成」,能省时间和灵感值。
决策点二:升级 vs 跳过
当需求超出当前版本能力时,会弹窗让您选择:
| 场景 | 选择「升级」 | 选择「跳过」 |
|---|---|---|
| 数据库功能受限 | 获得完整数据存储能力 | 网站能生成,但数据存不下来 |
| 高级插件受限 | 由专项插件实现,稳定可靠 | AI 自主实现,无法保证功能可用性 |
提醒:如果该功能是业务核心(例如预约系统的预约记录),不要选跳过——那样功能形同虚设。如果只是辅助功能,跳过可以接受。
异常情况处理
| 提示 | 含义 | 处理 |
|---|---|---|
| 会话正在进行中 | 上一轮还没结束 | 等当前任务完成再发新指令 |
| 系统异常,请稍后再试 | 服务临时异常 | 稍后重试 |
| 请求失败,请重试。 | 网络或服务波动 | 重新发送指令 |
| 任务 N 执行失败 | 某个子任务失败 | 换一种说法重新描述;或拆成更小的步骤 |
| 输入内容包含敏感词 | 触发内容安全校验 | 调整措辞后重试 |
| 灵感值额度已用完 | 余额耗尽 | 充值后点「已完成支付」,任务继续 |
| 找不到卡片 | 界面渲染异常 | 刷新页面 |
任务反复失败的应对
如果同一个需求多次失败,试试这些方法:
-
拆小:把「做一个完整的会员系统」拆成「先加登录」「再加会员中心页」「最后加权益展示」。
-
换表述:用更具体的技术无关语言重新描述。
-
换方式:如果只是样式问题,改用可视化编辑器手动调整。
-
先预览确认:有时任务其实成功了,只是界面没刷新。刷新页面看看实际效果。
效率与成本建议
减少灵感值消耗
| 做法 | 效果 |
|---|---|
| 首次描述尽量完整 | 减少追问轮次,一次成型 |
| 小改用可视化编辑器 | 完全不消耗灵感值 |
| 一次说清一件事 | 避免因误解而返工 |
| PRD 阶段仔细审核 | 结构问题在生成前解决,成本最低 |
| 上传参考资料 | 减少 AI 猜测和试错 |