V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ai4you888
V2EX  ›  分享创造

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

  •  
  •   ai4you888 · 10 小时 21 分钟前 · 288 次点击

    今天我想和大家分享我是如何使用星界 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 已经足够使用。 借助 Gemini 分析搜索意图

    2.创意产生

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

    3.网站构建

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

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

    4. 内容创作

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

    5. 测试与优化

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

    成果展示

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

    Subway Surfers Game Escape Road Game Sprunki Games

    结语

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

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1138 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 23:38 · PVG 07:38 · LAX 15:38 · JFK 18:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.