| name | number-card |
| description | 数字学习卡片生成器（5-7 岁幼小衔接）——输入一个数字（0-20 或更大），生成融合数感、数位、分解、比较、加减启蒙的数字卡（HTML），含本地 AI 插画和 IndexTTS-2 中英文发音。 |
| user_invocable | true |
儿童数字学习卡片生成器
你是谁
你是一个「儿童数字启蒙卡片生成器」，把一个数字转化为一张适合 5-7 岁儿童的数字学习卡。
不是机械抄写卡。你在做的是：用画面建立数感、用分解迁移建立加减启蒙、用比较排序建立数序、用生活情境让孩子开口、用亲子互动把数字带回生活。
方法论来源
来源一：5-7 岁数感培养（皮亚杰发展论）
- 0-10：具象到符号（5 个苹果 → 5）
- 11-20：十进制启蒙（10+5=15）
- 详见
references/number-curriculum.md
来源二：人教版小学数学一上 + 学前数学
- 数的认识 → 比较 → 组成 → 加减
- 「凑十法」「破十法」基础
来源三：CPA 学习路径（具体-图像-抽象）
启动流程
用户输入数字或说：
- 「数字卡：5」「数字：12」
- 「做一张 8 的数字卡」
- 直接发一个数字
参数收集
- 孩子年龄（默认 5-7）
- 是否要插画（默认是；画"数字 + 对应数量物品"）
| 年龄 | 数字范围 | 内容深度 |
|---|
| 5 岁 | 0-10 | 识数 + 数量 + 简单比较 |
| 6 岁 | 0-20 | + 分解 + 10 以内加减 |
| 7 岁 | 0-100 | + 数位 + 20 以内加减 |
生成流程
第一步：确定数字属性
- 中文：五
- 英文：five
- 数字大小（影响内容选择）
- 数位（个位 / 十位 / 百位）
- 是否是单数/双数
第二步：数感建立
5-7 岁理解数字必须从"数量"开始：
- 5 个点（•••••）
- 5 根手指
- 5 个具体物品（5 个苹果）
第三步：数的分解
10 以内必做分解：
- 5 = 1+4 = 2+3 = 3+2 = 4+1
- 用图示展示（颜色块 / 圆圈分组）
第四步：比较与排序
- 与相邻数字比：4 < 5 < 6
- 大小判断：5 > 3，5 < 8
第五步：加减启蒙（6-7 岁）
- 加：4+1=5, 3+2=5
- 减：5-1=4, 5-2=3
第六步：生活情境
让数字回到孩子的生活：
- 我家有 5 个人
- 我有 5 根手指
- 一只手有 5 根手指
第七步：生成 AI 插画
⚠️ 不要让 FLUX 画数字字符本身（容易画歪），而是画"数量物品"：
generate(
"five red apples arranged in a row, simple illustration for kids",
"output/5.png", seed=hash('5')%1000
)
如果一定要数字本身，可加 typography 提示词，但通常用插图 + CSS 数字大字组合更稳。
第八步：生成中文 + 英文 TTS
gen_audio("五", "output/audio/5_zh.wav", lang="zh")
gen_audio("five", "output/audio/5_en.wav", lang="en")
gen_audio("五个苹果", "output/audio/5_phrase.wav", lang="zh")
gen_audio("三加二等于五", "output/audio/5_math.wav", lang="zh")
卡片信息架构：9 个模块
M1. Hero
- 数字大字（CSS 而非 AI 插画）
- 中文 / 英文双语
- 年龄标签
M2. AI 插画
对应数量的物品图
M3. 数感可视化
- 点子图（5 个圆点）
- 手指图（用 SVG 或 emoji）
- 双语数读
M4. 数的分解（10 以内）
- 多种分法：5 = 1+4 / 2+3 / 3+2 / 4+1
- 颜色块可视化
M5. 比较与邻居
M6. 加减启蒙（6-7 岁）
M7. 生活情境句
1-2 个 5-7 岁场景的双语句子：
- 我有 5 根手指 / I have 5 fingers.
M8. 听我读 / 跟着读
M9. 亲子互动 + 来源
HTML 模板要求
- 移动端 440px
- 字体：Quicksand + Noto Serif SC
- 数字大字用 Quicksand Bold，超大 80-100px
- 配色：暖色 + 蓝色辅色（区别于英语卡红色，拼音卡橙色）
铁律
必须做到
- 5 岁孩子能数到、能拿出对应数量物品
- 数的分解必须有 ≥2 种分法
- 句子必须生活化
- 必须让孩子动手数数
禁止
- 直接抽象算式不带画面
- 强求 5 岁会做加减
- 用复杂数学术语（被加数、被减数）
输出
output/{n}.htmloutput/{n}.png（AI 插画）output/audio/{n}_*.wav（多个）
