big-pics-little-words
Skill3.8k starsChanged 5 months agoMITView on GitHub
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
1 other project uses a version of this, 1 of them edited.
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
- backnotprop/broedited, first seen Nov 1, 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 versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 1
- backnotprop/bro★ 17695% same
Wrote their own version · 0
None found.
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.
- design-artifactSkill
- html-diagramSkill
- html-planSkill
- html-prototypeSkill
- htmlSkill
- html-wireframeSkill
- one-pagerSkill
The file
We split this skill into the rules it gives an agent
3 rules. About 0 are common, 2 are distinctive, and 1 is very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈2
Distinctive · estimate
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 10
Use HTML to help me understand what we're discussing.
- Very specific: line 11
Use your own taste, avoid lazy design, integrate real-world pictures/icons/visuals as needed but only selectively when it makes sense.
- Distinctive: line 12
When you do use prose/detail: Be clear, concise/terse, and avoid jargon.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Use HTML to help me understand what we're discussing. Show me with big pictures and little words without witholding 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.
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.

