从零到三,如何借助 AI 一口气做了三个网站经验分享

12 小时 10 分钟前
 ai4you888

今天我想和大家分享我是如何使用星界 AI集成平台和 Cursor AI 这两个强大的人工智能助手,一口气创建了三个个性化的在线游戏网站:Subway Surfers 、Escape Road 和 Sprunki Games 。这些网站不仅提供了丰富的游戏体验,而且还展示了 Cursor AI 在网站开发中的潜力。

初识星界 AI 和 Cursor AI

星界 AI 是一款一站式AIGC 集成平台,可以同时调用多个顶级 AI 大模型,在文本创造、图片生成、音乐生成、代码创造、语音聊天、视觉能力、视频生成等方面有着强大的应用潜力。Cursor AI 是一个先进的人工智能助手,它能够理解复杂的编程问题,并帮助我们快速构建网站和应用,它的多语言对话能力和长文本处理能力,使得开发过程更加高效和便捷。

项目概述

我创建的三个网站分别是:

**Subway Surfers Game **:提供 Subway Surfers 游戏的各种版本,包括世界巡回赛等 27 个游戏版本、Subway Surfers 角色图鉴,甚至 GitHub 上的源代码。 **Escape Road Game **:一个刺激的警匪追逐和漂移冒险游戏平台,目前囊括了 10 个最流行的逃生游戏。 **Sprunki Games **:一个创意音乐游戏平台,用户可以在线创作音乐,轻松创作自己的个性化音乐。

开发过程

1. 规划与设计

在开始之前,我明确了每个网站的目标用户和核心功能。星界 AI 帮助我梳理了网站结构和用户流程,Cursor AI 编辑器则提供了直观的界面来设计和布局网站。星界 AI 在这个过程中提供了宝贵的建议,借助其强大的集成能力,我同时调用 ChatGPT 、Claude 、Gemini 、Kimi 、ChatGLM 等文本 AI 还有 Flux 、Midjourney 等图片型 AI ,帮助我梳理了网站结构和用户流程、搜索引擎优化文章、站点图标生成等,由于时间有限,我没有启用星界 AI 集成的 Suno 音乐生成和其他视频生成功能。 目前星界 AI 集成的各种 AI 大模型能力各有所长:ChatGPT4.0 具备多模态以及视觉能力,关键时刻截个屏让 AI 解释就可以解决一大堆问题,缺点是成本比较高。Claude3.5-sonnet 堪称是目前代码最强的 AI 大模型,这次建站使用的 Cursor AI ,其内核就是基于 Claude 的。Gemini 号称谷歌家最强的模型,用于关键词调研、搜索意图分析比较有优势,当需要进行搜索引擎优化时,我使用的是 Gemini 。Llama 是 Meta 马斯克家的,用于分析和发布社交媒体推文。Kimi 是国内联网能力最强的 AI ,联网分析能力较强。ChatGLM 号称国内最聪明的 AI ,也是最接近海外 AI 的模型,成本也足够低,在各种环境下可以作为海外高端模型的平替。制图主要使用 Midjourney 和 Flux ,Midjourney 成本比较高,但质量是遗留的,一般情况下 Flux 已经足够使用。

2.创意产生

通过和 AI 聊天,我知道了要进行关键词调研,借助 Google trends 和 Semrush 等工具,我发现了 Subway Surfers Game ,Escape Road Game ,Sprunki Games 三款游戏,于是决定了想要创作三个游戏网站。星界 AI 帮我构思了整个网站的结构、网站建设思路以及部分博客文章。

3.网站构建

我首先和 AI 进行了对话,了解到了创建网站的全流程。包括购买域名,创建代码、部署上线等全流程。在和星界 AI 平台的各个 AI 模型探讨中,我了解到了 Cursor AI 的代码编辑能力,知道了 Astro 框架,也了解到了怎样进行关键词调研,分析用户搜索意图。

利用 Cursor AI 的指导,我选择了适合的 Next.js 技术和 Astro 框架进行网站开发。整个开发过程,Cursor AI 都提供了详细的指导和代码示例,基本就是许愿式编程,发现问题及时把错误发给 AI ,基本上 Claude 模型都能够一次解决。

4. 内容创作

星界 AI 的多 AI 协同在内容创作中起到了非常重要的作用,通过 AI 的帮助,我快速创作了多篇符合读者搜索意图的文章,帮助读者解答常见搜索问题,同时提供在线游戏版本。网站是面向全世界的,我甚至使用 AI 创作了面向不同国家读者的文章,可以说 AI 在这方面的能力是绰绰有余。

5. 测试与优化

在开发过程中,Cursor AI 帮助我识别和修复了多个潜在的问题,确保了网站的稳定性和用户体验。多语言菜单页面的开发都是借助 Cursor 完成的,第一个网站 Subway Surfers Game 是全英文网站,第二个网站 Sprunki Games 我让 AI 创作了三种语言,最后一个 Escape Road Game 则创作了十几种语言。

成果展示

通过 Cursor AI 的帮助,我不仅提高了开发效率,还确保了网站的专业性和用户体验。以下是我创建的网站链接,欢迎大家访问体验:

Subway Surfers Game Escape Road Game Sprunki Games

结语

通过这次项目,我深刻体会到了 AI 在网站开发中的强大作用。站在十年前,我从未想象过自己能在一周之内创作几个网站,而今天,AI 的出现不仅节省了我的时间,提高了开发质量,还帮助我从无到有,向自己未知的领域不断探索。朋友,如果你是知识工作者,我强烈推荐你尝试使用各种 AI ,十倍速提高自己的生产力!希望我的分享对你有所帮助,也期待在 V2EX 上看到更多 AI 爱好者的分享和讨论。

378 次点击
所在节点    分享创造
1 条回复
jpyl0423
43 分钟前
连这篇文章都是 AI 的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1092214

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX