one-pager
Agent skill from
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.
How to install one-pager
install one-pager
# install the effective-html pack with the skills CLI
npx skills add plannotator/effective-html# or add only this skill to Claude Code: copy the folder
skills/one-pager/
# into
~/.claude/skills/one-pager/ (all projects)
.claude/skills/one-pager/ (one project)
1You 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.23Use HTML to help them understand what we're discussing. Show them with big pictures and little words without withholding key details.4Use your own taste, avoid lazy design, integrate real-world pictures/icons/visuals as needed but only selectively when it makes sense.5When 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.
Excerpt shown under the repository's MIT license.