玩着背诗秒会上瘾！这款AI神器让娃疯狂迷恋古诗词
在AI时代，编程不再是高不可攀的技能，只要你有创意，AI就能帮你实现。无论是开发应用、设计网站，还是分析数据，你只需用自然语言描述想法，AI工具就能生成代码、优化逻辑，甚至调试错误，让技术门槛大幅降低。未来的创新者不一定是专业程序员，但一定是善于利用AI将灵感转化为现实的人。现在，只要敢想，人人都能成为“编程高手”，用AI把创意变成触手可及的产品。
目录
告别死记硬背！4×4魔法诗词格+倒计时挑战，宝宝边玩边记，妈妈再也不愁｜附免费体验地址+源码福利
各位宝妈们，是不是常常希望宝贝能多背诵一些古诗词，可孩子一拿起书本就兴致缺缺？别着急，今天我们为宝妈们带来了一个轻松有趣的解决方案——利用AI生成趣味古诗词小游戏，让宝宝在玩中学、在乐中记！
我们设计了一款互动小游戏，通过AI随机生成经典诗句，并将文字顺序打乱排列，孩子们通过点击选择正确的字词完成诗句拼接。每答对一题就能得分，错了也不怕，多试几次就能记住！游戏还加入了倒计时功能，适度的小紧张更能激发孩子的专注力与反应速度。不知不觉间，一首首古诗就这样轻松印入宝贝的小脑袋里啦～寓教于乐，就是这么简单又有效！
主要思路
通过AI接口随机生成相应的古诗词诗句，通过文字的格子打乱排列，宝宝点击正确的字后得分，点击错误不得分，同时增加倒计时的效果给宝宝们一种紧迫感。
AI接口准备
免费接口https://openrouter.ai/
Google账号登录，创建key 根据官方文档即可使用了。
调用API事例保存到code.md文档中
提示词
生成一个九宫格猜古诗词的网站：
1.页面布局为上下结构（标题、双栏功能区）
2.整体经典古风背景顶部标题"小妖同学古诗词挑战"
3.双栏功能区显示
左侧：倒计时可输入分钟默认1分钟，显示计时器。
出题方式有两种：随机出题和指定出题
随机出题：点击AI自动随机生成唐诗宋词的一句话生成题目 不要超过16字 。 信息按钮，点击后显示出对应诗词的作者，标题，当前句子的释义。再次单击可隐藏
指定出题：用户输入唐诗宋词的题目，AI根据每句话生成题目 不要超过16字
开始挑战 倒计时开始，结束调整（默认禁用，点击开始挑战后可用）
积分器：挑战开始后，答对＋10分。
4.居中中部操作区
古诗框：4x4十六宫格，随机分布题目汉字（取自题目栏）及干扰字。
答题框：初始为空白格（数量同题目字数）。
点击宫格内字，正确则答题框对应位置显示该字且宫格字变绿，错误则宫格字变红。点击答题框内的字可删除。
功能按钮："答案"（显示正确答案并激活"下一题")、"下一题"（如果是随机出题点击AI继续随机生成下一题，如果是指定出题按照唐诗宋词的顺序生成下一题 ）。回答正确提示："回答正确！"。
5.AI生成 通过 openrouter.ai 实现 调用代码参考@code.md
6.API key 配置界面，用户可配置自己的API
创建项目打开cluade
将提示词复制过去，开始编码
Claude给出的相应的待办事项
☐ Create basic HTML structure for the poetry game
☐ Implement CSS styling for the game interface
☐ Create JavaScript game logic for poem display and interaction
☐ Implement answer checking and feedback system
☐ Add AI poem generation using OpenRouter API
☐ Create API key configuration interface
☐ Add sequential mode for Tang/Song poetry
Claude开始自动编码，我们一路Yes 或者 allow all 默认允许
Claude自动完成的相应的编码
我们打开看下效果
配置好我们API
可以自动出题
我们可以看到免费的claude，基本的功能已能满足，还是有好多的功能没能为我们实现！
优化版本
下面同样的提示词，利用我们网站的claude4大模型看能实现成什么结果？
可打开我们的网址：https://clchyj.xiaoxuzhu.cn/
模型选择claude4 添加code.md 文件 输入提示词
开始自动生成代码
所有的html 复制保持后打开看下效果，跟我们大概预想差不多。
有一些需要调整的，当前题目应该为古诗词的标题，生成题目通过调用AI API 生成 用户输入诗词题目后，按照诗句的顺序逐句出题 提交给claude 优化
最终优化结果：
可进行api配置，并测试api是否正常
点击生成题目，通过AI 随机生成古诗词
小妖这边已发布到云端，感兴趣的小伙伴可以去体验下：https://ts300.pages.dev/
需要源码的私信我！
写在最后
在AI时代，编程不再是高不可攀的技能，只要你有创意，AI就能帮你实现。无论是开发应用、设计网站，还是分析数据，你只需用自然语言描述想法，AI工具就能生成代码、优化逻辑，甚至调试错误，让技术门槛大幅降低。未来的创新者不一定是专业程序员，但一定是善于利用AI将灵感转化为现实的人。现在，只要敢想，人人都能成为“编程高手”，用AI把创意变成触手可及的产品。
福利时间
AI时代，人人都可成为编程高手，无需编程基础只要给出我们人类的思维，交给AI，一切皆有可能！
AI平台国内直接访问地址：https://clchyj.xiaoxuzhu.cn/
跟着小妖，让你们赢在起跑线上！
往期精选
github星标64.6k视频下载神器，一行命令搞定某音某站视频下载！
「瞬间」收集灵感，告别遗忘！我用AI给自己做了个免费的高效能神器！
10秒搞定证件安全！AI加水印神器上线，再也不怕身份证被盗用
AI编程手搓一个二维码浏览器插件（抽奖送codebuddy邀请码）
感谢大家的点赞和关注，我们下期见！
有“AI”的1024 = 2048，欢迎大家加入2048 AI社区
更多推荐
20
0- 0
已为社区贡献3条内容
所有评论(0)