我想做个活动落地页或者一个小工具,不想从头搭环境。现在这类 AI 建站工具一句话就能起个雏形,关键是别被它生成的半成品骗了。
快速出原型我用 Bolt.new。我描述清楚页面要几个区块、放什么按钮,它直接给可运行的网页,我边看边改,适合先把样子定下来。
要好看一点的界面我用 Lovable。它的默认审美更稳,我做给客户看的页先在这里跑一版,再微调文案和配色,省去自己调样式的功夫。
中文场景和小工具我用 秒哒。它对本地的表单、小程序类需求理解更顺,我做内部用的小工具站常从这里起步,改起来沟通成本低。
要接数据库和后端逻辑我用 Replit。它不只是页面,还能跑后端代码,我做个要存数据的工具时选它,省得前后端分两家。
生成组件和前端片段我用 v0。我已有项目要加一块界面时,让它出组件代码贴进去,比从零写快。它适合局部补,不适合整站。
我的流程是这样。先想清楚页面要解决什么、给谁看,一句话丢给 Bolt 或 Lovable 出雏形,好看需求上秒哒,要后端上 Replit,局部补 v0。雏形出来后我一定自己过一遍文案和链接。
最容易翻车的是部署。生成完我以为能发了,结果域名和权限没设。我习惯在工具里点一次预览,确认能打开再对外。提示词我越写越具体。不说做一个好看的页面,而是说清楚几个区块、每块放什么、主色什么、给谁看。描述越细,它第一次出的东西越接近我要的,返工少。
改稿我习惯在工具里直接对话。看到哪块不顺,指着它说要什么,别推倒重来。AI 建站工具对局部修改支持越来越好,善用这点是省时间的关键。
响应式我一定自己看。生成的多是桌面视角好看,手机一缩就乱。我在手机模拟器里扫一遍,导航和按钮点不点得中,这关过不了不能发。
表单和跳转我重点测。落地页最怕提交没反应、按钮跳错地方。我每个交互都点一遍,确认数据收到、跳转对路,才敢对外。
文案我从不交给它代写。它生成的宣传语空话多,我都是自己填。页面骨架让它搭,灵魂我自己来,这样出来的东西才像我的品牌。
上线后我还会留一份源码备份。工具哪天改版或者账号出问题,我能拿备份在别处重建,不把身家押在一个平台。我还会让它解释生成的代码。页面出来不代表我懂,让它逐块讲,确认逻辑对得上需求才收。
第三方组件我谨慎。它爱引一堆库,我每加一个都问清干嘛用,不用的当场删,避免依赖膨胀拖慢加载。
迭代我小步快。先出能看的最小版,点一遍,再让它加功能,别一口气生成一大坨再找问题。
上线前我做一件大事:把生成代码过安全扫描。AI 偶尔写出有注入隐患的查询,扫出来改掉才敢发。
我要求它遵守我的规范。命名、缩进、目录结构我先给,它照着来,出来的代码像项目自产,不是外来户。
预览我每个断点都看。桌面、平板、手机三档各扫一遍,哪里错位当场让它改,不攒到最后。
我也会留交互说明。生成的站点我补一份操作文档,接手的人知道按钮干嘛用,不靠猜。我让生成的页面带语义标签。按钮、卡片都标清楚,后期我自己改样式好定位,不靠猜类名。
上线前我做链接体检。站内跳转、外链、锚点逐一点,死链当场让工具修,不带到线上。
我保留一份设计稿截图。生成前后对照,哪块走样了一眼看出,沟通有据。
多页面我复用组件。第二页起让它基于第一页的组件改,风格自然统一,不各写各的。我让它在提交前跑 lint。生成的代码过一遍规范检查,脏东西当场清,不带到仓库。
页面我加基础 SEO。标题、描述、alt 它顺手填,上线不被搜索引擎嫌弃。
出错日志我让它读。报错了把堆栈给它,它定位比人快,我照着修省时间。你打算做什么站?落地页、工具还是带后端的?告诉我,我把对应的起步提示词给你。