one-pager
Skill3.8k starsChanged 5 months agoMITView on GitHub
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.
12 other projects use a version of this.
Adopted by
Steady: 0 new projects took it in the last 4 weeks, none the 4 weeks before.thin data
Most recently taken up by
- CSPulse/customer-success-skillstheir own version, first seen Nov 8, 2026
- Sach1ng/PM-operating-OStheir own version, first seen Nov 1, 2026
- backnotprop/broword for word, first seen Nov 1, 2026
- JScottCarter/Claude_skillstheir own version, first seen Oct 11, 2026
- youdcode/open-companytheir own version, first seen Sep 21, 2026
- montgomery-pixel/leadgen-skillstheir own version, first seen Sep 15, 2026
Who's talking about plannotator/effective-html
- A Hacker News story“Show HN: agent skill to generate aesthetic and interactive diagrams”Hacker News · Jun 10, 2026 · 4 points
- @indie-fox.bsky.social“朋友们,我发现一个超级哇塞的技能 github.com/plannotator... 现在已经有不少不错的工具可以画出好看的项目架构图,但大多是静态的,不能交互。今天分享的这个不一样,它是会动的! 视频里是我在 …”Bluesky · Aug 24, 2026 · 2 likes
- @sylonzero.bsky.social“This one came to mind - it's not specifically for slides (tbh I use Gamma.app for that at the moment though …”Bluesky · Jun 14, 2026 · 2 likes
- akhmadilham/pinax-registry“[Skill Proposal]: effective-html”GitHub · Nov 3, 2026
- sudosubin/agents.nix“agent-skills.github.plannotator.effective-html: 265e729 → f2ba13a”GitHub · Nov 1, 2026
The biggest 5 of 30 mentions linking to the repository that our crawl found. Each line is their own headline.
See all 30
Talked about on GitHub, Bluesky and Hacker News (30 times).
On GitHub · 27
- Nov 3, 2026[Skill Proposal]: effective-html — akhmadilham/pinax-registry0 reactions · 1 comment
- Nov 1, 2026agent-skills.github.plannotator.effective-html: 265e729 → f2ba13a — sudosubin/agents.nix0 reactions
- Oct 31, 2026claude-code-marketplaces.github.plannotator.effective-html: e9e256e → 5ce160a — sudosubin/agents.nix0 reactions
- Oct 31, 2026codex-marketplaces.github.plannotator.effective-html: e9e256e → 5ce160a — sudosubin/agents.nix0 reactions
- Oct 31, 2026codex-plugins.github.plannotator.effective-html: e9e256e → 5ce160a — sudosubin/agents.nix0 reactions
22 more on GitHub
- Oct 31, 2026claude-code-plugins.github.plannotator.effective-html: e9e256e → 5ce160a — sudosubin/agents.nix0 reactions
- Oct 31, 2026claude-code-plugins.github.plannotator.effective-html: 0-unstable-2026-10-15 → 0-unstable-2026-10-31 — sudosubin/agents.nix0 reactions
- Oct 31, 2026agent-skills.github.plannotator.effective-html: 0-unstable-2026-10-15 → 0-unstable-2026-10-31 — sudosubin/agents.nix0 reactions
- Oct 31, 2026claude-code-marketplaces.github.plannotator.effective-html: 0-unstable-2026-10-15 → 0-unstable-2026-10-31 — sudosubin/agents.nix0 reactions
- Oct 31, 2026codex-marketplaces.github.plannotator.effective-html: 0-unstable-2026-10-15 → 0-unstable-2026-10-31 — sudosubin/agents.nix0 reactions
- Oct 31, 2026codex-plugins.github.plannotator.effective-html: 0-unstable-2026-10-15 → 0-unstable-2026-10-31 — sudosubin/agents.nix0 reactions
- Oct 31, 2026Add the one-pager skill — backnotprop/bro0 reactions
- Oct 28, 2026claude-code-marketplaces.github.plannotator.effective-html: init at 0-unstable-2026-10-15 — sudosubin/agents.nix0 reactions
- Oct 15, 2026agent-skills.github.plannotator.effective-html: 0-unstable-2026-08-03 → 0-unstable-2026-10-15 — sudosubin/agents.nix0 reactions
- Oct 15, 2026codex-marketplaces.github.plannotator.effective-html: 0-unstable-2026-09-14 → 0-unstable-2026-10-15 — sudosubin/agents.nix0 reactions
- Oct 15, 2026codex-plugins.github.plannotator.effective-html: 0-unstable-2026-09-14 → 0-unstable-2026-10-15 — sudosubin/agents.nix0 reactions
- Oct 15, 2026claude-code-plugins.github.plannotator.effective-html: 0-unstable-2026-09-14 → 0-unstable-2026-10-15 — sudosubin/agents.nix0 reactions
- Oct 11, 2026[Candidate] plannotator/effective-html/skills/html-diagram - html-diagram — ProSkillsMD/proskills0 reactions · 1 comment
- Oct 11, 2026[Candidate] plannotator/effective-html/skills/html - html — ProSkillsMD/proskills0 reactions · 1 comment
- Oct 11, 2026[Candidate] plannotator/effective-html/skills/design-artifact - design-artifact — ProSkillsMD/proskills0 reactions · 1 comment
- Oct 4, 2026codex-plugins.github.plannotator.effective-html: init at 0-unstable-2026-09-14 — sudosubin/agents.nix0 reactions
- Oct 4, 2026codex-marketplaces.github.plannotator.effective-html: init at 0-unstable-2026-09-14 — sudosubin/agents.nix0 reactions
- Oct 4, 2026claude-code-plugins.github.plannotator.effective-html: init at 0-unstable-2026-09-14 — sudosubin/agents.nix0 reactions
- Oct 1, 2026agent-skills.github.plannotator.effective-html: init at 0-unstable-2026-08-03 — sudosubin/agents.nix0 reactions
- Aug 11, 2026Effective HTML 스킬 활용 사례 가이드 추가 — Mineru98/effectivehtml-docs0 reactions · 2 comments
- Jun 13, 2026effective-html の導入検討: レビュー結果を判断しやすいHTMLレポートにする — s977043/river-review0 reactions · 2 comments
- Jun 13, 2026effective-html の導入検討: PlanをレビューしやすいHTML成果物にする — s977043/PlanGate0 reactions · 5 comments
On Bluesky · 2
- Aug 24, 2026朋友们,我发现一个超级哇塞的技能 github.com/plannotator... 现在已经有不少不错的工具可以画出好看的项目架构图,但大多是静态的,不能交互。今天分享的这个不一样,它是会动的! 视频里是我在 MkAgent 项目下执行出来的效果,一次搞定。它会根据项目的… — @indie-fox.bsky.social2 likes and reposts
- Jun 14, 2026This one came to mind - it's not specifically for slides (tbh I use Gamma.app for that at the moment though I produce content for my… — @sylonzero.bsky.social2 likes and reposts · 1 reply
On Hacker News · 1
- Jun 10, 2026Show HN: agent skill to generate aesthetic and interactive diagrams4 points · 1 comment
Other versions12 projects use a version of this.
Word for word · 1
- backnotprop/bro★ 176100% same
Edited · 0
None found.
Wrote their own version · 11
- GTMify/aigtm★ 25same name
- Sach1ng/PM-operating-OS★ 3same name
- 0xelitesystem/claude-skills-templates★ 2same name
- CSPulse/customer-success-skills★ 2same name
- ouachitalabs/skills★ 2same name
- youdcode/open-company★ 2same name
- ianklassen/ai-pm-system★ 1same name
- jingjing-yxng/claude-skills★ 0same name
- JScottCarter/Claude_skills★ 0same name
- kwana117/claude-skills★ 0same name
1 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository7 other files it gives its agents.
- big-pics-little-wordsSkill
- design-artifactSkill
- html-diagramSkill
- html-planSkill
- html-prototypeSkill
- htmlSkill
- html-wireframeSkill
The file
We split this skill into the rules it gives an agent
3 rules. 0 are common, 2 are distinctive, and 1 is very specific to this project.
0
Common
Most of the 11 edited versions we read keep these.
2
Distinctive
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 11
Use HTML to help them understand what we're discussing.
- Very specific: line 12
Use your own taste, avoid lazy design, integrate real-world pictures/icons/visuals as needed but only selectively when it makes sense.
- Distinctive: line 13
When you do use prose/detail: Be clear, concise/terse, and avoid jargon.
“Common” is measured: kept by at least 6 in 10 of the 11 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
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.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

