Codex Create Offline HTML Slides with Keyboard Navigation
Turn an outline into a self-contained browser slide deck and check mobile fit, keyboard navigation, and reduced motion.
中文Install in Codex
Use a modern browser and a slide outline. The single-file HTML exercise requires no presentation framework.
- Copy the pinned `docs/ja-JP/skills/frontend-slides/` directory into `.agents/skills/frontend-slides/` in the project.
- Have Codex read the pinned `STYLE_PRESETS.md` and give it the content hierarchy and target viewports.
Example task
Create `presentation.html` with Problem, Demo, and Next Steps. Open offline and check 390×844 and 1440×900 windows.What to check
The file opens offline, all three slides advance by keyboard, and titles and body text remain legible in both viewports.
Original SKILL.md on GitHub · Updated
Frequently asked question
What if one slide is too tall on a phone?
Split the content or refine type and spacing, then verify readability in both mobile and desktop viewports.