About one-pager
one-pager is a skill for creating a single HTML page that explains an early idea or completed work to teammates. It emphasizes visual communication and concise language for readers new to the topic.
Key features
- 01Single-page HTML presentations
- 02Visual explanation with large images
- 03Concise language for new readers
- 04Selective use of real-world visuals
Use cases
- 01Presenting an early idea for feedback
- 02Recapping completed work for teammates
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ plannotator/ effective-html --skill one-pagerAfter installing, type/one-pagerin Claude Code to confirm it loaded.
Bundled filesagents/openai.yaml
Details
From the project READMEYou are making a one-pager: one HTML page to share with teammates. Usually it is an idea at an early stage, to get their first reactions; sometimes it is a recap of work done. The reader is new to the subject and has a minute.
Use HTML to help them understand what we're discussing. Show them with big pictures and little words without withholding key details. Use your own taste, avoid lazy design, integrate real-world pictures/icons/visuals as needed but only selectively when it makes sense. When you do use prose/detail: Be clear, concise/terse, and avoid jargon. Explain things as if the viewer is new here, but don't use weird metaphors.