Codex HTML 演示技能:制作可离线播放的三页浏览器幻灯片
EnglishCodex 安装步骤
- 从固定 GitHub 提交复制 `docs/ja-JP/skills/frontend-slides/` 完整目录到项目 `.agents/skills/frontend-slides/`。
- 让 Codex 读取同目录的 `STYLE_PRESETS.md`,给出内容层次和目标设备尺寸。
中文摘要
从内容提纲生成单文件 HTML 幻灯片,检查窄屏、键盘导航和减少动态效果。
SKILL.md 中文导读
可复现示例
用「问题、演示、下一步」制作 `presentation.html` 三页,要求离线打开,在 390×844 和 1440×900 窗口检查。工作步骤
- 构建自包含 HTML,并检查每张幻灯片能放进目标视口。
- 本地用方向键测试翻页,核对普通和减少动态效果模式。
验收方法
文件无需联网能打开,三页可以键盘切换,标题和正文在两个视口内可读。
GitHub 原文 · 更新日期
适用环境
需要现代浏览器和幻灯片内容提纲。纯 HTML 模式无需演示框架。
常见问题
手机端某页超高怎么办?
把内容拆成两页,或者收紧字号和间距后重新核对手机与桌面的阅读体验。
相关指南
相关推荐
agent-eval 技能
mturac/everything-openai-codex
agent-harness-construction 技能
mturac/everything-openai-codex
ai-first-engineering 技能
mturac/everything-openai-codex
automation-audit-ops 技能
mturac/everything-openai-codex
Codex Bun 技能:在本地验证 TypeScript 脚本和单元测试
mturac/everything-openai-codex
Codex CodeTour 导览技能:给仓库流程添加文件行号步骤
mturac/everything-openai-codex