AI生代码:一键生成趣味健身打卡网页小游戏
提示词描述:
专为健身教练和运动爱好者设计,通过AI快速生成带有游戏化机制的打卡网页。将枯燥的运动记录转化为趣味互动,有效提升用户粘性与锻炼积极性,适合用于私教客户维护或健身房线上活动。
提示语关键词:
AI生代码,ChatGPT提示词,健身打卡网页代码,AI写前端代码,健身教练小工具代码
提示词内容:
【模板说明】
本模板用于生成前端趣味健身打卡网页代码,结合游戏化机制提升锻炼动力。
【使用场景】
健身教练制作线上打卡工具、个人健身记录、健身房活动预热。
【模板正文】
你是一个资深前端工程师。请编写一个单文件HTML健身打卡游戏。
要求:
1. 核心玩法:用户每天完成{运动项目},点击按钮获取{奖励积分}。
2. 视觉风格:采用{UI风格}设计,包含进度条和动画效果。
3. 数据存储:使用LocalStorage保存连续打卡天数。
4. 代码要求:HTML/CSS/JS全在一个文件,无外部依赖,注释清晰。
【填写指南】
{运动项目}:如'深蹲50个'、'跑步3公里'。
{奖励积分}:如'10个虚拟金币'、'解锁新头像'。
{UI风格}:如'赛博朋克'、'极简清新'。
【效果示例】
输入:深蹲50个,10个金币,极简清新。
输出:包含清新配色进度条、深蹲打卡按钮、金币掉落动画的完整HTML代码。