AI导哈

前端开发

plannotator-visual-explainer

backnotprop/plannotator

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.

  • 1.3万 次安装
  • 9800 星标
  • 收录于

安装命令

npx skills add https://github.com/backnotprop/plannotator --skill plannotator-visual-explainer

SKILL.md

Plannotator Visual Explainer

Three paths depending on content type. Each has its own references and structure.

Route by content type

Implementation plan, design doc, or proposal → Follow the Plan path. Read references/design-system.md and references/svg-patterns.md. Prescriptive structure.

PR explainer, diff review, or code change walkthrough → Follow the PR path. Read references/design-system.md and references/pr-components.md. Prescriptive structure.

Everything else (architecture diagrams, data tables, slide decks, project recaps, general visual explanations) → Follow the Visual explainer path. Delegates to nicobailon/visual-explainer with Plannotator theme tokens.

Delivery

Always deliver via Plannotator's annotation UI. Do NOT use open or xdg-open.

相关 Skills

plannotator-compoundbacknotprop/plannotatorAnalyze a user's Plannotator plan archive to extract denial patterns, feedback taxonomy, evolution over time, and actionable prompt improvements — then produce a polished HTML dashboard report. Falls back to Claude Code ExitPlanMode denial reasons when Plannotator data is unavailable.智能体工作流1.2万plannotator-setup-goalbacknotprop/plannotatorTurn an idea or objective into a goal package for /goal. Interviews the user, builds a reviewed fact sheet via Plannotator, then explores the codebase to produce an execution plan.智能体工作流1.2万plannotator-reviewbacknotprop/plannotatorOpen Plannotator's browser-based code review UI for the current worktree, another directory, or a pull request URL, then act on the feedback that comes back.测试与安全847plannotator-annotatebacknotprop/plannotatorOpen Plannotator's annotation UI for a markdown file, HTML file, URL, or folder and then respond to the returned annotations.前端开发841plannotator-lastbacknotprop/plannotatorOpen Plannotator on the latest rendered assistant message and use the returned annotations to revise that message or continue.其他822