帮助文档

使用技巧

掌握几条高频技巧后,创建项目、和 AI 协作、修改代码以及交付结果都会顺手很多,尤其适合第一次上手后想把效率再提上去的场景。

这些技巧最容易提升效率
重点围绕“先找灵感、说清位置、巧用参考图、用好调试工具、复杂业务先定文档、合理利用资源”六个方向来提效。
需求表达 项目创建 AI 协作 交付整理
先找灵感
没有想法时先给大模型一个大方向,多试几版更容易找到可继续展开的思路。
说清位置
迭代时把页面、模块和预期结果说具体,AI 修改会更稳,返工也更少。
先定文档
大型复杂业务先确认文档,再继续前端、后端和数据库,整体会更高效。

技巧 1:没有想法时,先让大模型帮您发散创意

推荐做法

没有想法的时候,可以先简单描述您想要的大方向,让大模型先输出几版创意方案,再从里面挑更接近的一版继续展开。

这样做的好处

如果第一版不满意,可以多创建几个项目多试几次,一边对比不同输出,一边给自己找灵感,通常会比一直卡在空白阶段更快进入状态。

技巧 2:迭代时把修改位置说具体,修复效果更好

  1. 指出具体位置:尽量直接说明是哪个页面、哪个模块、哪个区域需要调整。
  2. 说明想改什么:把颜色、间距、文案、交互或逻辑变化说清楚,避免只说“这里不对”。
  3. 补充预期结果:告诉 AI 您想改成什么样,修复会更稳定,也更少反复。
为什么要把位置说具体

迭代阶段如果能明确指出具体调整的位置,AI 更容易准确定位问题并针对性修改,修复质量通常会明显更好。

技巧 3:巧用参考图

什么时候用
当您一时说不清想要的风格、结构或页面感觉时,可以先找一些参考图给 AI 看,往往比单靠文字描述更容易对齐。
怎么使用
可以把参考图和一句简单说明一起发给 AI,例如说明您更在意页面布局、配色方向,还是模块排布,这样输出会更贴近预期。
这样更高效
参考图能帮 AI 更快理解您的审美方向和结构偏好,减少来回沟通,也更容易从别人的设计里获得自己的灵感。

技巧 4:巧用内置的调试工具

什么时候用

在前端预览页进行点击测试、联调交互或验证页面逻辑时,如果出现报错,可以优先查看内置调试工具捕获到的错误信息。

这样更高效

内置调试会在报错出现时帮助定位问题来源,比只看页面现象更容易判断是事件逻辑、数据处理还是渲染环节出了问题。

建议配合方式

遇到点击报错时,可以把触发步骤和调试信息一起告诉 AI,这样更容易快速修复。

技巧 5:大型复杂业务先生成文档,再继续做前后端和数据库

  1. 先出文档:遇到大型复杂业务时,先让 AI 生成需求说明、流程梳理、页面结构和接口方案。
  2. 确认无误:先把文档内容核对清楚,确保业务逻辑、字段、流程和边界条件都没有偏差。
  3. 再生成代码:文档确认后,再继续生成前端、后端和数据库,整体效率通常会更高。
为什么这样更高效

复杂业务如果直接同时生成多端代码,后面一旦需求理解有偏差,返工成本会比较高。先把文档定下来,再推进实现,会更稳也更省时间。

技巧 6:合理利用资源,减少手动替换

推荐做法

把需要的图片、视频等素材优先上传到资源里,并确认每个资源的名称。项目生成时,AI 会根据内容自动匹配相关资源并直接使用,例如 logo、产品图片等。

这样做的好处

省去生成后再逐个查找、替换素材的麻烦,能大幅减少手动修改,让产出更贴近真实业务和品牌。

适合提前上传的资源

例如 logo、产品图片、宣传视频、图标素材等。只要命名清晰、便于识别,AI 就能在生成时更准确地匹配并使用,减少后续手工替换。

建议:把码灵通当成“持续协作的工作台”来用效果最好,不只是一次性生成器。先定目标、再逐步细化、边改边验收,通常会比追求一轮到位更稳。