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代金券 ,还能免费续期。

点击链接查看活动指引。

相关推荐
墨抒颖 msy.plus17 分钟前
如何构建现代Agent以OpenManus为例
python·ai编程
心易行者2 小时前
Agent Skills 终极指南:入门、精通、预测
ai编程
云边散步4 小时前
godot2D游戏教程系列一(9)-终结
学习·游戏·游戏开发
github.com/starRTC4 小时前
Claude Code中英文系列教程14:在JetBrain,Android Studio,PyCharm等IDE中使用Claude Code
ai编程
AskHarries5 小时前
在 Qoder CLI 集成墨刀 MCP(modao-proto)完整指南
人工智能·ai编程
github.com/starRTC5 小时前
Claude Code中英文系列教程15:将Claude Code集成在Github Actions工作流里面
ai编程
玉梅小洋5 小时前
Claude Code 从入门到精通(一):安装、CLI 实战与全场景集成手册
ai·大模型·编辑器·ai编程·claude
Anarkh_Lee6 小时前
【免费开源】MCP 数据库万能连接器:用自然语言查询和分析数据
数据库·开源·ai编程·claude·自然语言·mcp·cherry studio
Ftsom6 小时前
【2】kilo 消息流转过程
ai·agent·ai编程·kilo
Devlive 开源社区6 小时前
技术日报|微软数据科学课程登顶日增651星,AI编程GUI工具AionUi与React视频制作工具霸榜前三
react.js·microsoft·ai编程