跳到主要内容

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 执行失败某个子任务失败换一种说法重新描述;或拆成更小的步骤
输入内容包含敏感词触发内容安全校验调整措辞后重试
灵感值额度已用完余额耗尽充值后点「已完成支付」,任务继续
找不到卡片界面渲染异常刷新页面

任务反复失败的应对

如果同一个需求多次失败,试试这些方法:

  1. 拆小:把「做一个完整的会员系统」拆成「先加登录」「再加会员中心页」「最后加权益展示」。

  2. 换表述:用更具体的技术无关语言重新描述。

  3. 换方式:如果只是样式问题,改用可视化编辑器手动调整。

  4. 先预览确认:有时任务其实成功了,只是界面没刷新。刷新页面看看实际效果。


效率与成本建议

减少灵感值消耗

做法效果
首次描述尽量完整减少追问轮次,一次成型
小改用可视化编辑器完全不消耗灵感值
一次说清一件事避免因误解而返工
PRD 阶段仔细审核结构问题在生成前解决,成本最低
上传参考资料减少 AI 猜测和试错