Frontend Slides Skill for ChatGPT: Compare Visual Directions Before HTML Slide Planning
Organize supplied talk content for a browser-based deck. Draft visual directions first, then plan information density, keyboard navigation, motion, and responsive layout.
中文Install in ChatGPT
Requires a ChatGPT workspace where you can create skills. This is a text adaptation of the pinned GitHub source.
- Review the inputs and outputs in the pinned .claude/skills/frontend-slides/SKILL.md.
- In ChatGPT, open Plugins, Skills, Create, and Create with editor.
- Write the skill rules using the workflow described here. Provide slide text you may use, presentation setting, aspect ratio, and interaction constraints.
- Save the skill and check the fictional example in a new chat.
Example task
A fictional four-slide project talk is moving to the browser. Projection is dim and keyboard navigation is required. Propose three directions and a four-slide layout plan.What to check
Explain type, contrast, and density for each direction. Give every chosen slide one primary idea and preserve keyboard, reduced-motion, and projection checks.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should a tiny PowerPoint table stay in the web deck?
Consider the actual viewing distance and projection size. Split the table, feature key values, or move detailed data to an appendix.