Kids AI Magazine (学前亲子AI电子杂志)

Generate interactive HTML magazines that turn AI news into stories for 3-6 year olds, with TTS audio narration.

Workflow

1. Collect News

Gather 3-5 current AI news items from reliable sources (36氪, 澎湃, TechCrunch, etc.). For each item, extract:

• - Core fact (one sentence)
• Why it matters
• Source URL

2. Adapt Stories

Transform each news item into a kids story. Each story needs:

• - Title: Fun, curiosity-driven (e.g., "机器人宝宝学走路啦！")
• Paragraphs: 2-3 short paragraphs, use analogies to things kids know (bikes, scissors, building blocks)
• TTS text: Pure Chinese narration text, no English words (replace "AI" → "智能技术", "GPU" → "芯片"), add verbal cues ("你知道吗？", "是不是很神奇呀？")
• Parent-child dialogue: 2 Q&A pairs (child asks naive question → parent gives educational answer)
• Parent note: Brief context for parents + source link
• Icon: One emoji per story

3. Generate Audio

Prerequisite: INLINECODE0

CODEBLOCK0

Voices: zh-CN-XiaoxiaoNeural (女声, recommended), zh-CN-YunxiNeural (男声), zh-CN-XiaoyiNeural (女童声)

TTS text rules:

• - No English words (TTS reads them letter by letter)
• Add pauses with commas and periods
• Use onomatopoeia: "噗通！摔倒啦！"
• Warm narrator tone: "小朋友们好呀～"

4. Build HTML

Use assets/template.html as the base. The template includes:

• - Colorful header with rainbow gradient
• Story cards with embedded audio players
• Parent-child dialogue bubbles
• Activity section, nursery rhyme, quiz
• Mobile-responsive design

For custom builds: INLINECODE5

5. Serve & Share

CODEBLOCK1

Story JSON Format

See references/example-stories.json for a complete 3-story example. Key fields:

CODEBLOCK2

Design Principles

1. 1. No scary content — only positive, wonder-inspiring stories
2. Analogy-first — explain everything through things kids already know
3. Emotion boundary — always clarify: computers are smart but have no feelings
4. Parent empowerment — every story gives parents a conversation hook
5. Audio-first — assume kids can't read; audio must stand alone