Skills
.Work. You
Rest

plannotator-visual-explainer

Community

Generate theme-consistent visual explanations.

Design & Creative#documentation#html#implementation plan#generate#visualizations#architecture diagram#pull request explanation
Authorluan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creates clear, consistent, self-contained HTML visualizations for technical communication so you can quickly explain plans, PRs, and architecture without messy layouts.

Core Features & Use Cases

  • Plan path (implementation/design/proposals): Produces a prescriptive, structured visualization with diagrams, milestones, risks, and open questions, using Plannotator’s theme tokens.
  • PR path (diff review/walkthroughs): Generates PR explainers with a TL;DR, why/before-after, file tour, risk map, focus areas, and a test plan.
  • Visual explainer path (architecture/tables/slide-style recaps): Delegates to visual-explainer for non-plan content while applying Plannotator’s styling layer.

Quick Start

Ask the skill to generate a PR walkthrough for your diff, and deliver it using Plannotator’s annotation UI with HTML rendering.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: plannotator-visual-explainer
Download link: https://github.com/luan/agents/archive/main.zip#plannotator-visual-explainer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.