核心功能
Frontend Slides 是一套面向非设计师的专业演示文稿生成工具，核心价值在于"通过视觉探索而非抽象选择"帮助用户发现理想美学风格，最终输出可独立运行于浏览器的零依赖HTML演示文稿。
主要能力
1. 双模式创作
- 从零创建：引导式内容发现 → 风格探索 → 生成成品
- PPT转换：提取.pptx内容，转换为现代网页演示格式
- 现有HTML增强：在保持视口适配的前提下迭代优化
2. 五大设计系统与2026趋势融合
内置"Future & Depth"、"Efficiency & Speed"、"Trust & Professional"、"Care & Resonance"、"Immersion & Expression"五大风格定位，并有机集成Ghostly Agency（智能预测）、Grain of Truth（粗砺真实）、Liminal Multimodality（多模态无缝）、Emotional Sovereignty（情感主权）四大2026设计趋势。
3. 严格的工程约束
- 视口适配强制：每页严格100vh/100dvh，内容密度受限，禁止滚动
- 8-Point网格系统：间距限定于8/12/16/20/24/32/40
- 硬编码交互状态：静态截图中同时呈现组件全生命周期（默认/悬停/选中）
- 无障碍与性能：键盘导航、ARIA支持、reduced-motion、transform/opacity优先
4. 完整交互实现
键盘/触摸/滚轮导航、进度条、跳转圆点、Intersection Observer触发动画、可选内联编辑（hover热区+E键）。
显著优势
- 零部署成本：单HTML文件，无需服务器或构建工具
- 销售场景优化：专为解决方案PPT/售前方案设计默认大纲与风格映射
- 视觉决策科学化：通过3个风格预览（style-a/b/c.html）降低选择焦虑
- 图像处理管道：内置Pillow工作流（圆形裁剪、尺寸限制、智能留白）
潜在局限与风险
| 局限 | 说明 |
|------|------|
| 内容密度严格受限 | 长文本必须拆页，不适合信息密集型学术汇报 |
| 静态输出本质 | 虽模拟交互状态，但无真正动态数据绑定 |
| 浏览器兼容性 | 现代CSS特性（clamp、backdrop-filter）需较新版本浏览器 |
| 无协作功能 | 缺乏实时多人编辑或版本管理 |
常规风险：过度追求动画效果可能导致性能问题（已通过will-change节制、粒子数量控制、移动端降级缓解）；风格选择不当可能削弱内容传达（系统内置"趋势-内容匹配决策树"规避）。
适合人群
- 售前/销售团队：快速产出差异化方案演示
- 非技术产品经理：无需设计软件即可生成专业视觉
- 技术演讲者：将代码/架构图转化为沉浸式叙事
- 品牌/市场团队：高保真pitch deck原型
技术栈
HTML5 + CSS3（Tailwind语义化子集）+ Vanilla JS，可选Python Pillow图像预处理。