Plannotator Visual Explainer
Plannotator Visual Explainer is an agent skill (a SKILL.md file) from backnotprop/plannotator. Generate self-contained HTML visualizations with Plannotator theming. It works with Claude Code, Codex, Gemini CLI, GitHub Copilot and OpenCode and has 9,648 GitHub stars across a repository of 4 listed skills.
Data as of from the GitHub API; description from the skill's SKILL.md. Report an error
- Multi-skill repo
- Plugin marketplace
- Docs & writing
- Active
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add backnotprop/plannotator
/plugin install plannotator@plannotatorIn the Claude apps, zip the plannotator-visual-explainer folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/backnotprop/plannotator.git
cp -r plannotator/apps/skills/extra/plannotator-visual-explainer .agents/skills/plannotator-visual-explainer # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/backnotprop/plannotator.git
cp -r plannotator/apps/skills/extra/plannotator-visual-explainer .cursor/skills/plannotator-visual-explainer # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Generate self-contained HTML visualizations with Plannotator theming. Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and any visual explanation of technical concepts. Plans and PR explainers follow Plannotator's prescriptive approach; all other visual content delegates to nicobailon/visual-explainer. Three paths depending on content type. Each has its own references and structure.
When it triggers
- Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and any visual explanation of technical concepts.
More skills in backnotprop/plannotator
4 skills are listed from this repository.
Similar skills
More docs & writing skills
Pre Submission Reviewer
HKUSTDial/Supervisor-Skills
Runs a pre-submission review of a technical paper across five dimensions: macro logic, writing details, English grammar, LaTeX formatting, and figure quality.
Maintained · last commit Oct 16, 2026
Docs & writingPythonLark Apps
larksuite/cli
妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV…
Active · last commit Oct 14, 2026
Docs & writingGoBaoyu URL To Markdown
JimLiu/baoyu-skills
Fetch any URL and convert to markdown using baoyu-fetch CLI (Chrome CDP with site-specific adapters).
Active · last commit Sep 10, 2026
Docs & writingTypeScriptHive PDF
aden-hive/hive
Read, write, merge, split, rotate, watermark, encrypt, and OCR PDF files using Python (pypdf, pdfplumber, reportlab, pypdfium2) and command-line tools (poppler-utils, qpdf).
Active · last commit Oct 26, 2026
Docs & writingPythonGenoffice
genspark-ai/genoffice
Create, convert, read and edit Office documents locally with GenOffice's command line.
Too new to judge · created Jul 31, 2026
Docs & writingTypeScriptDoc Kami Parchment
nexu-io/html-anything
暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印.
Maintained · last commit Oct 13, 2026
Docs & writingHTML
How do I install the Plannotator Visual Explainer skill?
In Claude Code, run /plugin marketplace add backnotprop/plannotator and then /plugin install plannotator@plannotator. For Codex or Cursor, copy the plannotator-visual-explainer folder into .agents/skills/ or .cursor/skills/.
Is the Plannotator Visual Explainer skill free?
Yes. The repository is open source under the Apache-2.0 license.
Is Plannotator Visual Explainer maintained?
The repository's most recent commit was on Oct 26, 2026. Its latest release is v0.28.31. appsgit only lists skills from repositories with a commit in the last six months.