AI编程能做什么?9个优秀案例,手把手图文教程,部分实战作品已开源

围绕腾讯云开发CloudBase AI ToolKit能力进行AI编程主题「AI代码远征季」实战赛圆满结束,本文将介绍9个获奖作品。

从微信小程序到H5、小游戏,三大赛道高手过招!CloudBase AI ToolKit凭「一键生成+部署托管」出圈,全栈/后端/前端开发者皆能轻松驾驭------只需几句Prompt,开启全栈自动化开发新体验!

活动原文链接

以下是获奖作品的详细介绍:

一、📱小程序赛道

个人云端书房小程序

作者id:Lion 莱恩呀

项目标题: 用AI打造你的专属"云书房"小程序!腾讯云AI Toolkit实战揭秘,从0到1极速上线!

效果展示:

应用描述: 构建一个个人云端书房小程序,具有书籍管理与公众号文章智能抓取、自定义书架分类、关键词搜索、社交分享、阅读数据统计等功能。

核心技术栈: 微信小程序原生开发框架 + CodeBuddy +云开发CloudBase AI Toolkit

  • CodeBuddy生成详细需求文档并自动编译代码。
  • 云开发CloudBase AI Toolkit自动部署云函数和云数据库。

点击项目链接查看详情

简历助手小程序

作者id:全栈若城

项目标题: AI代码远征季-一人挑战全栈研发简历制作小程序

效果展示:

应用描述: 一个简历助手小程序项目,旨在帮助用户创建、优化和管理专业简历。项目集成了AI辅助功能、简历模板库、案例参考和专业技巧,为求职者提供全方位的简历制作支持。

核心技术栈: 微信小程序原生开发框架 + 云开发CloudBase AI Toolkit

  • 通过CloudBase AI Toolkit实现云函数部署、NoSQL云数据库配置及代码报错辅助修复。

点击项目链接查看详情

网络热词小程序

作者id:算法一只狗

项目标题: 【0代码革命】我用「CloudBase AI ToolKit」一天做出"网络热词"小程序

效果展示:

图片:

视频:小程序演示视频链接

应用描述: 一个界面美观的"网络热词解析"小程序,功能包含热词搜索、热词解析、点赞收藏等。

核心技术栈:

微信小程序原生开发框架 + TDesign微信小程序组件库 + CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy生成原型图,自动编译代码。
  • 调用云开发CloudBase AI Toolkit自动部署云函数。

点击项目链接查看详情

二、🎮小游戏赛道

2D模拟经营微信小游戏

作者id:Lion 莱恩呀

游戏类型:模拟经营 + 时间管理

项目标题 :编程实战:1小时开发微信小游戏 《我的早餐店》 ------基于CloudBase AI Toolkit

效果展示:

应用描述: 一个经营早餐店的游戏,玩家通过快速制作餐点、服务顾客赚取金币,用于升级店铺和食材并达成游戏任务与成就。

核心技术栈:

微信小程序原生开发框架 + CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy根据需求自动编译代码。
  • 云开发CloudBase AI Toolkit自动部署云函数,通过IDE插件自动修复报错。

点击项目链接查看详情

经典益智类小游戏

作者id:六月的雨在Tencent

游戏类型:益智对战+双人小游戏

项目标题: 想玩五子棋小游戏怎么办?| 腾讯云开发CloudBase带你轻松实现五子棋小游戏

效果展示:

应用描述: 支持双人在线对弈和人机对战的五子棋小游戏。

核心技术栈: 微信小程序原生开发框架 + React + CodeBuddy + 云开发CloudBase AI Toolkit

  • 云开发CloudBase AI Toolkit自动创建工具,存储用户游戏数据到云数据库中。

点击项目链接查看详情

3D FPS 网页枪战游戏

作者id:努力的小雨

游戏类型:3D 第一人称射击(FPS)网页枪战游戏!

项目标题: AI编程实战:云开发疯狂助攻,React + Vite 做出 FPS 网页游戏不是梦

效果展示:

游戏截图:

游戏视频: (扫码跳转视频页)

应用描述: 一个网页枪战游戏,核心玩法是使用鼠标/触屏操作射击敌人,每击败一个敌人获得分数,分数会被实时上传云端。可查看所有玩家分数排名,支持音效开关、背景音乐等操作。

核心技术栈: React 18 + Tailwind CSS + 云开发CloudBase AI Toolkit

  • CloudBase AI Toolkit 文档提供项目模板。
  • 调用 CloudBase AI Toolkit 部署与发布页面,使用云数据库存储用户数据,支持实时查询与更新。项目上线后在云开发后台监控数据库关键指标。

体验地址: xiaoyu-0g6ev0ep0c5bbcbf-1302107156.tcloudbaseapp.com/

点击项目链接查看详情

三、💻H5应用赛道

医院实习生排班系统

作者id:采云小程序

项目标题: CloudBase AI Toolkit 做一个医院实习生排班系统,告别痛苦的excel表格

效果展示:

应用描述: 小程序及后台管理网页提供友好体验的系统,能够便捷的管理实习生、科室和自动排班。不同科室可以针对不同学校不同专业进行人数、排班时长个性化设定,并实现智能自动排班、冲突检测。

核心技术栈:

React 18 + Vite + Tailwind CSS + DaisyUI + 云开发CloudBase AI Toolkit + playwright

  • 调用云开发CloudBase AI Toolkit配置MongoDB云数据库实例,部署Node.js 18.15运行环境的云函数。
  • 通过CloudBase AI Toolkit与playwright结合解决报错,进行全面测试并修复问题。

体验地址: ttt-8gqsqm11c3f4d7b0-1315930323.tcloudbaseapp.com/hospital-sy...

点击项目链接查看详情

H5项目迁移至云开发

作者id:叫我阿柒啊

项目标题: CloudBase AI Toolkit | 没有服务器,怎么云化部署前后端项目

应用描述: 将原有的前端使用 nodejs + vite + vue 架构,后端是springboot的H5前后端项目迁移至云开发CloudBase新环境。

核心技术栈: 云开发CloudBase AI Toolkit

  • 调用云开发CloudBase AI Toolkit 修复前端部署问题。
  • 使用云开发数据库及云托管功能适配后端是 springboot 的项目的部署和运维。

点击项目链接查看详情

程序员风格名片网站

作者id:LucianaiB

项目标题: 用 CloudBase AI ToolKit 5分钟在本地创造一个程序员专属名片网站(同时静态托管云端)

效果展示:

应用描述: 输入简历信息,一键生成代码编辑器风格的名片。

核心技术栈: CodeBuddy + 云开发CloudBase AI Toolkit

  • CodeBuddy根据需求自动编译代码、优化UI。
  • 调用云开发CloudBase AI Toolkit,通过CloudBase静态网站托管服务部署生成页面。

点击项目链接查看详情

限时福利

邀请新用户激活 AI ToolKit,或参与经验分享活动即可获得最高320元云开发CloudBase代金券 ,还能免费续期。

点击链接查看活动指引。

相关推荐
动能小子ohhh7 小时前
AI智能体(Agent)大模型入门【6】--编写fasteAPI后端请求接口实现页面聊天
人工智能·python·深度学习·ai编程
Jooolin8 小时前
一款优秀笔记软件的自我修养是怎么样的?
ai编程
程序员王天15 小时前
【开发AGIC】Vue3+NestJS+DeepSeek AI作业批改系统(已开源)
vue.js·ai编程·nestjs
Allen_LVyingbo19 小时前
医疗科研管理系统到院级生命科学平台的升级路径
python·信息可视化·健康医疗·ai编程
zzywxc78720 小时前
AI 在金融、医疗、教育、制造业等领域都有广泛且深入的应用,以下是这些领域的一些落地案例
人工智能·金融·自动化·prompt·ai编程·xcode
yaocheng的ai分身1 天前
Spec-Kit:AI驱动的软件开发全流程管理工具套件
ai编程·claude
云起SAAS1 天前
SCL-90症状自评量表抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·scl-90症状自评量表·scl-90
冷yan~1 天前
Spring AI与智能代理模式的深度解析
java·spring·ai·ai编程
yaocheng的ai分身1 天前
如何用CLI工具解决Claude Code的上下文丢失问题
ai编程
yaocheng的ai分身1 天前
在Claude开发者平台上管理上下文
ai编程·claude