我用V0+Cursor+Claude Code，半天内从零上线了 openclaw-s.com。
我是小高，一个数据仓库工程师，日常就是写SQL。
前端不会，设计不会，CSS一行写不利索。
但就是这样的我，半天做出了一个网站，部署上线了。
前端同事看完问了一句："这真是你做的？
"然后沉默了。
为什么要做一个OpenClaw导航网站
先说说OpenClaw是什么。
如果你最近关注AI圈，你不可能没听过OpenClaw。
它是2026年最火的开源AI助手项目，GitHub上已经有30多万星标。
简单说，它是一个跑在你自己电脑上的AI助手，你可以通过微信、Telegram、Discord这些聊天工具跟它对话，让它帮你处理各种任务——写代码、管邮件、整理文件、自动化工作流，几乎什么都能干。
OpenClaw有一个很重要的概念叫"技能"（Skills），就像给手机装App一样，你可以给它安装不同的技能来扩展能力。
社区里有大量的技能和玩法，但信息非常分散——有的在GitHub上，有的在Discord里，有的在推特上，新手想上手根本不知道从哪里开始。
我自己学OpenClaw的时候就被这个问题折磨过。
花了很多时间到处搜集信息，踩了不少坑。
所以我就想：为什么不做一个导航网站，把OpenClaw相关的技能、教程、资源都整理到一起呢？
这就是 openclaw-s.com 的由来。
问题来了：我不会前端
想法有了，但一个致命的问题摆在面前——我根本不会做网站。
我是写SQL的人，让我搞一个好看的网页出来，就像让前端同事去写Hive调优一样离谱。
以前我也不是没试过，打开VS Code写HTML，写了半小时写出来的东西丑得自己都看不下去。
但2026年了，AI工具已经强大到可以帮你补齐几乎所有短板。
我用了三个工具，一天之内搞定了从设计到上线的全部流程。
第一步：V0画原型——从脑子里的想法到能看的页面
它的能力说白了就是：你用中文描述你想要一个什么样的页面，它直接帮你生成出来，带布局、带样式、带组件，而且还挺好看的。
我跟V0说的大概意思是：我想要一个OpenClaw的导航网站，顶部有一个简洁的导航栏，主体部分是分类展示的卡片区域，每个卡片代表一个OpenClaw相关的资源或技能，要有搜索功能，整体风格要简洁现代。
V0几十秒就给我吐出了一个完整的页面。我当时的感觉就是：这东西比我自己能做出来的好看十倍不止。
但V0有一个问题——贵。
每次你对页面不满意想让它修改，都要消耗额度。改个颜色、调个间距、换个图标，每次对话都在烧token。
我试着在V0里面改了几轮细节，发现额度刷刷地掉，心疼。
所以我很快想明白了一个关键策略：
V0只用来出初版，细节打磨的事情换个地方干。
第二步：下载到Cursor本地调试——省钱又高效
V0生成的代码是可以直接下载的。
我把整个项目下载下来，用Cursor打开，在本地把项目跑起来。
这一步之后，整个效率就完全不一样了。
在Cursor里面调整页面，你可以无限次地跟AI对话，让它帮你改样式、调布局、加交互，不用再心疼V0的额度了。
我在Cursor里面主要做了这些事：
调整卡片的布局和样式。
V0给的初版卡片间距有点大，我让Cursor帮我调紧凑一些，同时给每个分类加上不同的颜色标签，让视觉层次更清晰。
加上搜索和筛选功能。
导航网站如果没有搜索功能就失去了灵魂。
我跟Cursor描述了我想要的搜索逻辑——输入关键词能实时过滤卡片，还能按分类筛选——Cursor很快就帮我实现了。
做移动端适配。
V0给的页面在电脑上看没问题，但手机上有些地方会错位。这种细节在Cursor里几句对话就能修好。
修各种小bug。
比如某些样式在不同浏览器下表现不一致、某个按钮的点击区域太小，这些都是在本地调试的时候发现并解决的。
总结一下这步的核心逻辑：
V0负责从0到1快速生成，Cursor负责从1到10精细打磨。
这两个工具配合起来，既快又省钱。
第三步：Claude Code丰富内容
页面框架搞好了，但网站不能是一个空壳。
一个导航网站最核心的价值是内容——每个资源的介绍、分类的描述、使用说明、推荐理由，这些文字内容都要写。
老实说，让我一个写SQL的人去写网站文案，真的很痛苦。
但Claude Code在这件事上帮了大忙。
我把openclaw-s.com的定位跟Claude Code说清楚：这是一个面向OpenClaw新手和爱好者的导航站，目标是帮用户快速找到有用的技能、教程和资源。
然后让它帮我生成每个板块的内容。
Claude Code不只是给我一段文字让我复制粘贴——它直接在代码文件里帮我把内容填好了。
每个资源卡片的标题、描述、标签、链接，都是它帮我整理和填充的。
而且Claude Code还帮我做了一些我自己根本想不到的事情，比如帮每个页面生成了SEO友好的标题和描述，这对后续谷歌收录很有帮助。
第四步：部署上线——5钟搞定
内容、页面、交互全部就绪之后，最后一步是部署。
代码推到GitHub，连接Vercel，绑定域名openclaw-s.com，整个过程大概5分钟。
当我在浏览器里输入 openclaw-s.com 看到自己的网站真的能访问的那一刻，感觉之前所有的折腾都值了。
从早上开始动手到晚上网站正式上线，满打满算就一天。
openclaw-s.com 是什么
简单介绍一下这个网站。
openclaw-s.com 是一个OpenClaw的导航和资源聚合网站。
如果你是OpenClaw的新手，不知道从哪里开始；或者你已经在用OpenClaw，想发现更多有用的技能和玩法——这个网站就是为你准备的。
网站里整理了OpenClaw相关的技能推荐、使用教程、社区资源、实战案例等内容，按分类整理，支持搜索，帮你在最短时间内找到你需要的东西。
这个网站也是我探索"AI编程出海"的第一个实践。
网站面向全球的OpenClaw用户，后续会通过谷歌广告来做一些流量变现的尝试。
三个工具怎么配合：我的工作流总结
做完这个产品，我总结出了一套后端程序员做网站的工具链，分享给同样不擅长前端的朋友：
V0 → 快速出原型。
用自然语言描述你想要的页面，几十秒得到一个可以预览的完整页面。但不要在V0里反复改细节，太烧钱。出了初版就下载到本地。
Cursor → 本地打磨所有细节。
布局微调、样式修改、交互逻辑、bug修复、响应式适配，全部在Cursor里完成。Cursor有完整的项目上下文，给出的修改建议非常精准，而且不限次数。
Claude Code → 内容生成和代码级操作。
文案撰写、内容填充、SEO优化、批量修改文件。Claude Code最大的优势是它能直接在代码层面操作，效率比"生成文案→复制→粘贴"高太多。
一句话总结：V0负责从0到1，Cursor负责从1到10，Claude Code负责注入灵魂。
前端同事为什么沉默了
回到开头的故事。
前端同事看完我做的网站之后沉默了，不是因为我做得有多好，而是他意识到一件事。
以前只有前端能做的事情，现在一个写SQL的人用AI工具一天就能做出来了。
这不是说前端会失业。
专业的前端开发做复杂交互、做性能优化、做大型应用，依然是AI替代不了的。
但对于"做一个还不错的网站"这件事，门槛确实已经被AI工具拉到了地板上。
这对我们这些非前端程序员来说是一个巨大的机会。
以前你有一个产品想法，卡在"不会做前端"就只能放弃。现在不会了。
写在最后
我知道很多程序员朋友和我一样，心里一直想做点自己的东西，但总觉得技能不全。
我用自己的经历告诉你：2026年了，AI工具已经能帮你补齐几乎所有短板。你缺的不是技能，是迈出第一步的决心。
openclaw-s.com是我的第一个产品，不完美，但它真实地上线了。接下来我会继续做更多的尝试，也会在公众号里持续分享我的实战过程。
如果你也在探索AI做产品这条路，欢迎关注**「小高聊AI」**，我们一起交流。
与其学了一百个AI工具，不如用AI做出一个真正上线的产品。
作者：小高 | 公众号：小高聊AI 一个数据仓库工程师的AI实战记录
