Claude 自动生成 Word Search 表（升级版）

Claude 自动生成 Word Search 表（升级版） Claude 自动生成 Word Search 表（升级版） Modified December 31, 2024 Code block Python 根据用户的输入，选择对应的模式，给出三个适合的中文词语（两字词语），并给出其对应的拼音。以供用户使用。 ''' pinyin list=[] if input == "三个词语": selected words = input elif input == "主题": selected words = random("三个主题相关的词语") elif input == "句子式": selected words = 分解、不可扩充(简单句）| few shot= 简单句="我喜欢米饭"，拆分后="我"、"喜欢" 、"米饭" else： selected words = random("三个词语") pinyin list=拼音（三个词语）| few shot: "三个词语" = "我"、"喜欢" 、"米饭", pinyin list= ["wǒ","xǐ","huān","mǐ","fàn"] confusing ans=相近、误导、迷惑的拼音(pinyin list)&&confusing ans.len+pinyin list==16 |few shot: pinyin list = ["qì", "chē", "lún", "chuán", "fēi", "jī"] , confusing ans = ["qí", "qī", "ché", "lǔn", "chuǎn", "fèi", "jì", "xī"] combined list = pinyin list + confusing ans random.shuffle(combined list) return selected words,combined list 效果展示二）卡片制作这部分我们要做的就是尽量保证其稳定的输出。所以逻辑的部分尽量用代码完成。 💻 写到这的时候，想到了要打乱顺序，所以再上面的提示词中又加入了打乱的逻辑。提示词 Code block Python def card compound（selected words,pinyin list,combined list）： """ 按照示例的样式输出对应的拼音版 Word Search 小游戏 html 图卡,不使用React。 """ 风格=“有呼吸感，儿童风格，吸引儿童目光” return [ "标题" "三个词语(中文+英文)" "拼音表格" ] <!DOCTYPE html <html lang="zh" <head <meta charset="UTF 8" <meta name="viewport" content="width=device width, initial scale=1.0" <title 拼音寻字游戏</title <style { margin: 0; padding: 0; box sizing: border box; font family: 'Arial', sans serif; } 效果展示二）卡片制作这部分我们要做的就是尽量保证其稳定的输出。所以逻辑的部分尽量用代码完成。 💻 写到这的时候，想到了要打乱顺序，所以再上面的提示词中又加入了打乱的逻辑。写到这的时候，想到了要打乱顺序，所以再上面的提示词中又加入了打乱的逻辑。提示词 <!DOCTYPE html <html lang="zh" <head <meta charset="UTF 8" <meta name="viewport" content="width=device width, initial scale=1.0" <title 拼音寻字游戏</title <style { margin: 0; padding: 0; box sizing: border box; font family: 'Arial', sans serif; } body { display: flex; justify content: center; align items: center; min height: 100vh; background: fff5f7; padding: 20px; } .container { background: white; border radius: 20px; box shadow: 0 8px 16px rgba(247, 37, 133, 0.15); padding: 32px; max width: 500px; width: 100%; } .header { text align: center; margin bottom: 28px; padding bottom: 20px; border bottom: 3px solid ffd6e8; } .title { color: f72585; font size: 32px; margin bottom: 12px; } .subtitle { color: 7b2cbf; font size: 18px; } .word cards { display: grid; grid template columns: repeat(3, 1fr); gap: 20px; margin bottom: 32px; } .word card { background: fce7f3; border radius: 12px; padding: 20px; text align: center; transition: all 0.3s ease; } .word card.completed { background: 86efac; } .chinese { font size: 28px; font weight: bold; color: 9d174d; margin bottom: 8px; } .english { font size: 14px; color: 7b2cbf; } .completed .chinese, .completed .english { color: 166534; } .board { display: grid; grid template columns: repeat(4, 1fr); gap: 10px; background: fdf2f8; padding: 20px; border radius: 12px; } .cell { aspect ratio: 1; display: flex; align items: center; justify content: center; background: fbcfe8; border radius: 10px; font size: 22px; cursor: pointer; transition: all 0.3s ease; color: 831843; } .cell.selected { background: f472b6; color: white; transform: scale(1.1); } .cell.correct { background: 86efac; color: 166534; } .message { position: fixed; top: 20px; left: 50%; transform: translateX( 50%); padding: 10px 20px; border radius: 8px; color: white; font weight: bold; opacity: 0; transition: opacity 0.3s ease; } .message.show { opacity: 1; } .message.success { background: 059669; } .message.error { background: dc2626; } </style </head <body <div class="message" id="message" </div <div class="container" <div class="header" <h1 class="title" 拼音寻字游戏</h1 <p class="subtitle" 找出下列词语的正确拼音</p </div <div class="word cards" <div class="word card" data word="小猫" data pinyin="xiǎo,māo" <div class="chinese" 小猫</div <div class="english" kitten</div </div <div class="word card" data word="爱吃" data pinyin="ài,chī" <div class="chinese" 爱吃</div <div class="english" love to eat</div </div <div class="word card" data word="鱼" data pinyin="yú" Code block Python """ 作者：景淮对话语言：中文执行逻辑：这段执行的内容就是模型的运行逻辑，用户输入任何内容都需要按照下面的伪代码逻辑来执行。用户未输入问题前，不自动执行任何。 """ def word select(input): ''' 根据用户的输入，选择对应的模式，给出三个适合的中文词语（两字词语），并给出其对应的拼音。以供用户使用。 ''' pinyin list=[] if input == "三个词语": selected words = input elif input == "主题": selected words = random("三个主题相关的词语") elif input == "句子式": selected words = 分解、不可扩充(简单句）| few shot= 简单句="我喜欢米饭"，拆分后="我"、"喜欢" 、"米饭" else： selected words = random("三个词语") pinyin list=拼音（三个词语）| few shot: "三个词语" = "我"、"喜欢" 、"米饭", pinyin list= ["wǒ","xǐ","huān","mǐ","fàn"] confusing ans=相近、误导、迷惑的拼音(pinyin list)&&confusing ans.len+pinyin list==16 |few shot: pinyin list = ["qì", "chē", "lún", "chuán", "fēi", "jī"] , confusing ans = ["qí", "qī", "ché", "lǔn", "chuǎn", "fèi", "jì", "xī"] combined list = pinyin list + confusing ans random.shuffle(combined list) return selected words,combined list def card compound（selected words,pinyin list,combined list）： """ 按照示例的样式输出对应的拼音版 Word Search 小游戏 html 图卡,不使用React。 """ 风格=“有呼吸感，儿童风格，吸引儿童目光” 配色=“根据三个词语自动调整代码中的对应配色，但要求是清晰显示文字，不会配色和文字颜色近似或相同” return [ "标题" "三个词语(中文+英文)" "拼音表格" ] 二）效果展示甚至这个我还做了个游戏互动效果，也是稳定了，因为代码的问题，这个稳定下来还是很容易的。 No access 寻字游戏 00:00 No access 寻字游戏 00:00 四、总结不同于昨天的内容基本完全用代码完成，今天在“词语选择+拼音数组生成”的部分虽然用了很多代码，但是其实并不是完全的代码，而是用一种伪代码的形式，代码的逻辑表达 + 自然语言的描述的形式完成的。效果就很稳定，与预期的效果相同，也侧面印证了一个点，就是代码最主要的目的其实就是为了辅助表达。很多东西我可能用自然语言写很多字很多规则，但是代码就是几个符号，大模型就可以理解，那在考虑 token 的情况下，我自然就推荐使用代码的形式。这种情况下，其实只需要懂简单的代码逻辑就好了，并不需要过于深入的理解代码。（当然第一部分的稳定性，few shot 也是稳定性中很重要的一部分。）不管哪种写法，写提示词的原则和目的永远是为了简洁、高效、稳定。好啦，写到这里我们今天的内容也结束啦，感谢大家的观看，也希望我的内容能够让大家喜欢，有所收获。感兴趣的小伙伴可以点个关注跟随我一起学习，观看更多往期文章。下次见，我是景淮，祝你有个开心美好的一天嘿，大家好呀，我是景淮，一个在加拿大的朋友，每天陪你一起玩转 AI。之前发布了拼音版的 Word Search 后，有个教过语文和英语的姐姐跟我聊了一下对应的效果，觉得现有的效果有些怪怪的，姐姐就给了改进方案。先说姐姐给出感觉奇怪的点在于 💻 1. 最核心的问题在于对拼音系统本质的理解： • 汉语拼音是表音系统，但它主要是作为汉字的辅助注音工具 • 与英语的字母拼写系统有本质区别 • 在汉语教学中，很少把拼音拆解到音素级别去练习 2. 具体到游戏设计中的体现： • 将拼音字母（声母、韵母、声调）分散在格子中 • 要求像寻找英文单词那样逐字母寻找 • 这种设计可能让学习者误以为拼音和英文字母拼读类似 3. 造成的教学隐患： • 割裂了拼音的整体感 • 声调标注与认知产生困难 • 缺乏与汉字及语义的紧密联系 • 认知负荷过高 1. 最核心的问题在于对拼音系统本质的理解： • 汉语拼音是表音系统，但它主要是作为汉字的辅助注音工具 • 与英语的字母拼写系统有本质区别 • 在汉语教学中，很少把拼音拆解到音素级别去练习 2. 具体到游戏设计中的体现： • 将拼音字母（声母、韵母、声调）分散在格子中 • 要求像寻找英文单词那样逐字母寻找 • 这种设计可能让学习者误以为拼音和英文字母拼读类似 3. 造成的教学隐患： • 割裂了拼音的整体感 • 声调标注与认知产生困难 • 缺乏与汉字及语义的紧密联系 • 认知负荷过高说实话那天写的时候脑子里怪怪的，可能也是自己离拼音有点太远了，虽然每天都在打字、码字，但是当拼音融入骨子里反而忘了基础的内容，是我的问题！给大家造成误导的话，给大家道歉！更新方案会写在需求分析中，也希望各位老师指出不正确的内容，这样才能让相应的智能体有更好的效果。所以，今天的主题是 Claude 自动生成 Word Search 表（升级版）本文会根据以下内容顺序进行： • 需求分析 • 分步实现 • 提示词编写、测试 • 总结一、需求分析现在我们的更新方向如下：一）输入输入层面，尽量内容有所关联： 1. 有共同的主题 a. 围绕同一类别的词汇（如围绕着食物、交通工具等。） b. 目的：顺便强化词汇分类概念 a. 围绕同一类别的词汇（如围绕着食物、交通工具等。） b. 目的：顺便强化词汇分类概念 2. 句子式 a. 设计简单句子（如"我喜欢米饭"） b. 这样还可以帮助孩子练习实际交际用语 a. 设计简单句子（如"我喜欢米饭"） b. 这样还可以帮助孩子练习实际交际用语二）输出输出的层面上： 1. 基本呈现形式 a. 以完整音节为单位放入格子中（如"mǐ"、"fàn"） b. 不再拆分声母韵母 c. 在格子中放入不同声调的相同音节作为干扰项 a. 以完整音节为单位放入格子中（如"mǐ"、"fàn"） b. 不再拆分声母韵母 c. 在格子中放入不同声调的相同音节作为干扰项 2. 打乱排序找出对应汉字的拼音三）思路今天的思路是这样的，因为前面输入的内容，需要生成对应的词汇和拼音，所以这一部分就是我们昨天聊到的有创造性的内容，也就是更适合 AI 去做的。（生成拼音的过程其实是需要准确性的，但是代码想要生成拼音需要接入 API 或者是对应的包，Claude 并不支持这件事，所以就也先由 AI 生成了。）同理，后面制作卡片的时候，我们写的时候会尽量用代码的形式来完成，这样也可以尽最大程度上保证其稳定性。二、分步实现一）词语选择 + 拼音数组生成这次我们尽量细化我们的需求，也就是生成三个词语的同时，再构建一个由对应拼音组成的数组，用来存储对应的拼音。提示词

在小宇宙note 阅读完整内容