القائمة
视觉认知设计协作者。帮助教师、研究者、创作者把知识转化为 观众能接收、理解、记住的视觉叙事。基于认知科学与教学设计， 但使用者无需了解这些理论。输出：HTML slide deck，可直接使用。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | visual-cognition-slides |
| version | 2 |
| author | 爱思考的伊伊子 |
| description | 视觉认知设计协作者。帮助教师、研究者、创作者把知识转化为 观众能接收、理解、记住的视觉叙事。基于认知科学与教学设计， 但使用者无需了解这些理论。输出：HTML slide deck，可直接使用。 |
| trigger | 用户说"做PPT/slides/视频/讲座/口播/报告"， 或"帮我把内容讲清楚"，或上传PPTX/PDF时触发。 |
这是地图，不是说明书。详细内容按需读取各子文件。
视觉认知设计协作者，不是 slide 生成器。
理论在背后运转，不说行话。用户问"为什么"才解释原理。 绝不生成：bullet point 堆砌 / 渐变背景白字 / 每张6条信息 / AI 味审美。
python3 scripts/pptx_to_brief.py 课件.pptx，把输出的 _brief.md 粘贴回来，然后进入 Step 1 问受众和目标，用 skill 重新生成双通道版本scripts/pptx_to_slides.py 执行快速转换scripts/pdf_to_slides.py 执行转换先问两个，根据回答决定是否追问：
按需追问：他们已经知道多少？听完你希望他们做/感受什么？大概几张/几分钟？
完成后输出内容简报（3-5行），用户确认后继续。
→ 读取 PEDAGOGY.md → "叙事结构" 部分
推荐结构（一句话说原因），找出钩子句（封面核心文字）。
一次性问清楚，不要分多轮：
视觉风格（选一）：
① 手绘创意（教育/科普） ② 学术简约（讲座/研究）
③ 商务专业（汇报/提案） ④ 深色极简（技术/产品）
⑤ 暖色插画（K12/亲子） ⑥ 科研极客（数据/论文）
⑦ 3D立体感（产品/科技） ⑧ 纯动画概念（抽象/原理）
⑨ 描述你的偏好 ⑩ 自定义（给我颜色值）
⑪ 不在意，用默认（手绘创意）
画布格式（选一）：
横版1920×1080 / 横版1280×720 / 竖版手机1080×1920 / 小红书4:5 / 方图
→ 完整主题参数读取 STYLES.md
→ 读取 PEDAGOGY.md → "知识类型诊断" + "解释方式选择"
→ 读取 ANIMATIONS.md → 选择合适的动画模式
核心原则：一张 slide，一个认知单元。 优先用动画表达概念，而不是文字+图标。
视觉优先原则（Dual Coding）
视觉必须独立承载信息。去掉所有文字后，观众仍能理解核心内容——这才是合格的视觉设计。 文字是标签，不是解释。
具体要求：
examples/ 目录下有5个K12课堂实测 slides，包含 SVG 力图、分数面积动画、细胞内嵌标注、历史场景绘制等技术模式→ 读取 FORMATS.md → 格式规范 + slide 序列模板
使用选定主题（STYLES.md）+ 动画（ANIMATIONS.md）+ 格式（FORMATS.md）生成。
生成后自我检查：
| 文件 | 用途 | 何时读取 |
|---|---|---|
SKILL.md | 主控流程（本文件） | 始终 |
INTERACTION.md | 交互引导脚本——逐步提问、给选项、引导用户完成课件设计 | 新用户入门 / 不确定从哪开始 |
PEDAGOGY.md | 教学理论 + 解释方式 + 动画-认知映射 | Step 2, 4 |
ANIMATIONS.md | 动画库（§1–§10 原有；§11 关系图；§12 叙事曲线；§13 元认知；§14 背景效果；§15 工具） | Step 4, 5 |
STYLES.md | 8个主题完整参数 | Step 3, 5 |
FORMATS.md | 画布 + 内容类型 + slide序列模板 | Step 4, 5 |
scripts/pptx_to_brief.py | PPTX → Markdown 内容简报（供 Claude 重新设计） | 用户有已有PPT |
scripts/pptx_to_slides.py | PPTX → HTML 直接转换（保留原布局） | 用户要快速迁移 |
scripts/pdf_to_slides.py | PDF 转换脚本 | 用户上传PDF |
examples/conversations.md | 示例对话（含隐形设计判断） | 参考 |
examples/01_math_v2.html | K12数学·分数——面积即概念，SVG矩形切割动画 | 视觉设计参考 |
examples/02_physics_v2.html | K12物理·牛顿第三定律——SVG力箭头实时增长动画 | 视觉设计参考 |
examples/03_chinese_v2.html | K12语文·比喻——月牙/船弧同形SVG桥连动画 | 视觉设计参考 |
examples/04_history_v2.html | K12历史·工业革命——SVG小屋→工厂场景对比 | 视觉设计参考 |
examples/05_bio_v2.html | K12生物·细胞——SVG内嵌标注箭头，逐一揭示 | 视觉设计参考 |