用 WorkBuddy 给孩子做一个打字指法启蒙工作台 - #24
Open
TODD-9527 wants to merge 1 commit into
Open
Conversation
新增 docs/cases/submissions/typing-kids-hero/： - index.md：从一句需求出发，经五轮迭代（难度/句子/扭蛋奖励/图标/莫扎特背景音乐） 产出的单文件 HTML 打字启蒙台，全内联零外链，部署为在线链接 - assets/mascot-icon.png：ImageGen 生成的吉祥物效果图 音乐为 Wikimedia Commons 公有领域录音（K.482/No.25/No.20/No.27 舒缓乐章）， 转码为 64kbps MP3 base64 内嵌；处理浏览器自动播放策略（默认开+首次交互后播放）。 含完整场景/Skill/提示词/执行过程/效果/验收/踩坑/复用章节。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
用 WorkBuddy 给孩子做一个打字指法启蒙工作台
使用场景：创意开发 / 儿童教育网页小工具（单文件 HTML + 在线部署 + 公有领域背景音乐）
目标读者：为孩子制作学习工具的家长、教育类内容创作者、想用 WorkBuddy 快速做出可用小工具的用户
使用的 Skills：资料库（在线部署）、AI 生图（ImageGen）、图像处理（PIL）、音频转码（imageio-ffmpeg）、HTML 单页应用生成、公有领域录音获取（Wikimedia Commons API）
是否需要外部账号或 API：否（资料库部署走 WorkBuddy 内置授权；音乐取自 Wikimedia Commons 公有领域，无需账号）
是否涉及文件修改或对外发布：是（生成 HTML 文件并发布公开在线链接）
为什么值得收录
它能帮助读者理解如何用一句自然语言需求 + 多轮反馈迭代，在 WorkBuddy 中产出一个孩子愿意天天用的真实工具，而不是停留在「生成一段示例代码」：
完整的「需求确认 → 生成 → 五轮迭代 → 部署上线」闭环，每轮迭代都有明确的用户反馈原文与对应改动；
⚠️ npm run docs:build：本地需先 npm install 后运行，若提交者环境未配置 Node 依赖，可说明由维护者在审核流程中验证。
覆盖五类常见增强需求：内容适配（二年级语文 + KET 英语）、游戏化激励（扭蛋/闯关）、视觉品牌（AI 生图吉祥物 + 全套图标）、音频体验（公有领域莫扎特背景音乐 + 自动播放策略处理）；
沉淀了可复用经验：改代码后跑语法校验、资料库覆盖部署参数（--node-block-id）、旧数据兼容迁移、古典音乐录音版权核查、大文件 base64 用 preload="none" 不阻塞首屏、自动播放策略的合规折中；
产出为单文件 HTML，可离线使用、可复刻迁移到其他学习场景（口算、英语单词、古诗背诵等）。
完整性检查
已搜索社区案例集和蓝皮书，确认场景或任务没有重复（submissions 现有 7 个案例均为办公/开发场景，无儿童教育打字类）
如果与已有案例相近，已在 PR 中说明新增的 Skill、方法或交付差异（不适用，本 Case 场景独立）
已描述真实使用场景
已列出使用的 Skills 及其用途
已写明可复现的操作步骤
已展示 WorkBuddy 中的实际效果
已提供明确的验收标准
已说明失败情况、限制或安全边界（含音乐版权、自动播放策略、镜像源选择等踩坑）
已删除密钥、个人信息和敏感数据
图片和其他素材拥有公开使用权限（AI 生成本地处理；音乐为 Wikimedia Commons 公有领域录音）
已运行 npm run docs:build（未运行，见下方说明）
本 PR 只提交一个 Case
结果证明
Case 正文：docs/cases/submissions/typing-kids-hero/index.md
效果图：docs/cases/submissions/typing-kids-hero/assets/mascot-icon.png（吉祥物图标）
在线成品：https://workbuddy.link/p/rdtw8VpIsyRdVyrRHAgT9G （浏览器打开即见全部界面：今日目标/指法卡片/练习/闯关/扭蛋乐园/背景音乐）
编辑授权
同意维护者在不改变事实的前提下调整标题、结构和文字
同意案例在保留署名的前提下被进一步整理进蓝皮书正文