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

点击链接查看活动指引。

相关推荐
Dr_哈哈17 小时前
LangChain Tools —— 让 AI 拥有「双手」
langchain·node.js·ai编程
Dr_哈哈17 小时前
LangChain Chain & Pipe 知识点详解
langchain·node.js·ai编程
一粒麦仔17 小时前
A2A协议:打破AI智能体孤岛,构建智能协作新时代
ai编程
猫头虎18 小时前
本地部署 Stable Diffusion3.5超详细教程
stable diffusion·开源·prompt·github·aigc·midjourney·ai编程
该用户已不存在18 小时前
一句话让一个AI为我花了(划掉)生成一个APP,Google Antigravity 实操
后端·ai编程·gemini
极客密码19 小时前
【开源】一个丝滑的 Claude Code 环境变量快速切换工具
ai编程·claude·cursor
java_logo20 小时前
Prometheus Docker 容器化部署指南
运维·人工智能·docker·容器·prometheus·ai编程
用户479492835691521 小时前
为什么 react-grab 可以在 Vue 项目中使用?
前端·ai编程
羊仔AI探索1 天前
GLM-4.6接入Claude Code插件,国内丝滑编程
ide·人工智能·ai·aigc·ai编程
超频化石鱼1 天前
使用Postman访问siliconflow大模型接口
java·postman·ai编程