← Blog

入门2026-10-13

用 Claude Code 做网站,和 Framer、Pineapple Builder 差在哪?

用 AI 做网站有两条路:在 Framer、Pineapple Builder 这类平台上做,或用 Claude Code 做出属于你的网页文件。差别在网站放在哪里、怎么收费、谁能带走。

两种做法怎么运作

建站平台的做法,是在平台的编辑器里完成网站,网站也放在平台的主机上。以 Framer 和 Pineapple Builder 为例,两家都有免费方案,免费方案使用平台提供的网址;要绑自己的域名,就得升级到按月计费的付费方案。

用 Claude Code 做的方式不同:你用对话请 AI 工具直接在自己的电脑上写出网页文件,成品是一个文件夹,可以放到任何能托管网页的地方。以 Sketchry 的 Skill 为例,成品是原生 HTML、CSS 与 JavaScript。

网站放在哪里,谁能带走

平台的网站住在平台上。好处是主机、域名设置与备份都有人处理,代价是网站跟着平台走。Hocoos 就是一个例子:这个 AI 建站平台的官网目前公告已停止运营,只开放下载各网站的 HTML 副本,下载期限到 2026 年 4 月 23 日(以 2026 年 10 月 9 日查看官网所见为准)。

用 Claude Code 做的网站,文件一开始就在你的电脑上,换主机只是搬一个文件夹。

费用怎么算

平台按网站、按月或按年收费,用得越久、做得越多,费用累积得越多。Framer 与 Pineapple Builder 的付费方案都是这样计算。

Claude Code 这条路的费用,是 AI 工具本身的订阅,加上放网站的主机。纯静态网站常能放在有免费方案的主机上,做第二个、第三个网站时,不需要再为每个网站各付一次月费。

需要会什么

平台最友善:打开浏览器,在编辑器里拖拉、改文字就能完成,完全不用碰代码。

Claude Code 需要先会使用 AI 编程工具,包含安装、贴上指令、在自己的电脑上预览成品,以及把文件放上主机。你不用自己写代码,但要愿意学这几个步骤。

设计自由度

平台的版面由平台的组件组成,稳定可靠,但跳不出它的框架。Claude Code 几乎没有限制,满版动画、随滚动播放的序列帧、特殊互动都做得到,缺点是成果好坏取决于你下的指令。

直接请 AI「做一个餐厅网站」,常会得到很普通的版面。Skill 的用途就在这里:事先写好设计规格与做法,让结果稳定。

之后怎么修改

平台在编辑器里修改。Claude Code 则是告诉 AI 要改什么,或直接改文件。文件在你手上,也方便交给别的设计师或工程师接手。

适合哪一种

选平台:想最快上线,需要内建的主机、表单与预约功能,完全不想碰代码。

选 Claude Code:你是接活的人或设计师,需要交付源文件给客户;想做特殊的动画互动;已经在用 AI 编程工具;或希望网站不绑在单一平台上。

两条路不互斥,可以先用平台验证想法,再做出自己的正式版本。

Skill 在这里的角色

Sketchry 的网站 Skill 就是为 Claude Code 这条路设计的。每份都有完整的设计规格,多数还附展示用素材包,贴进 Claude Code、Codex 或 Cursor,AI 会照着做出完整网站,再换上你自己的品牌与照片。

可以到网站模板看各种类型的成品。不确定 Skill 是什么,先看什么是 AI Skill。想先试试,OFFSET STUDIO 是免费的,登录后就能取得。

常见问题

用 Claude Code 做网站一定要会写代码吗?

不用会写,代码由 AI 工具负责。但要会操作工具:安装、贴上指令、在自己的电脑上预览,以及把文件放上主机。

做好的网站要放在哪里?

它是一般的网页文件,可以放在任何支持静态网站的主机,例如 Netlify、Cloudflare Pages 这类服务,不少都有免费方案。

平台做的网站可以搬走吗?

要看平台。有的平台提供导出或下载网站副本,但导出的文件不一定能回到原本的编辑器继续修改。选平台前,先确认有没有导出功能。

哪一种比较便宜?

看你做几个网站、用多久。平台按月累积费用;Claude Code 是 AI 工具订阅加上主机,网站越多,每个网站分到的费用越低。