What problem does it solve?
Visual Cognition Slides helps educators, researchers, and creators transform knowledge into visual narratives that viewers can see, understand, and remember as self-contained HTML slide decks. It focuses on cognitive principles and instructional design, while providing a practical output that can be used directly in teaching, presentations, and micro-learning formats.
Core Features & Use Cases
- Progressive-disclosure driven slides: one cognitive unit per slide with controlled, user-triggered animations to reveal ideas step by step.
- Visual translation of concepts: SVG/CSS/JS-based animations express concepts, processes, and relationships rather than plain text.
- PPTX/PDF conversion support: scripts to convert existing materials into editable HTML slides while preserving structure and enabling upgrades.
- Inline browser editing & export: a workflow to edit slides in the browser and export final HTML for deployment.
- Extensible asset model: optional folders for scripts, references, and assets that AI reads on demand to enhance capability.
- Audience-driven design guidance: built around cognitive science principles (load theory, dual coding, prior knowledge activation) to improve retention.
Quick Start
将 SKILL.md 内容粘贴到对话开头作为系统提示，然后告诉系统你的主题、受众和时长，AI 便开始生成基于视觉认知的双通道 HTML 幻灯片。
典型场景
- 教师将知识点转换为易记的视觉幻灯片进行课堂讲解
- 研究者需要一个可复用的讲座模板，快速生成海报式幻灯片
- 内容创作者制作科普视频的交互式讲解页
