# One Pager

Make a one-pager: one HTML page that shares an idea with teammates early, or recaps...

- Repository: https://github.com/plannotator/effective-html (3813 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-10-31
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add plannotator/effective-html --skill one-pager -g -a claude-code -y`
Codex: `npx skills add plannotator/effective-html --skill one-pager -g -a codex -y`
Cursor: `npx skills add plannotator/effective-html --skill one-pager -g -a cursor -y`
Gemini CLI: `npx skills add plannotator/effective-html --skill one-pager -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add plannotator/effective-html`

## Description

Make a one-pager: one HTML page that shares an idea with teammates early, or recaps work for them, with big pictures and little words.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

You 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.