backnotprop/plannotator
11 skills16k installs82.8k starsGitHub
Install
npx skills add https://github.com/backnotprop/plannotatorSkills in this repo
1Plannotator Visual ExplainerPlannotator Visual Explainer is a skill that generates self-contained HTML visualizations with consistent theming for technical documentation. It routes content through three paths: Plan path for implementation plans and design docs (prescriptive structure with timelines, architecture diagrams, and risk tables); PR path for code change walkthroughs (diff reviews, file tours, risk maps); and Visual Explainer path delegating to nicobailon/visual-explainer for diagrams, tables, and decks. All outputs render via Plannotator's annotation UI with design-system tokens, SVG patterns, and whitespace-first layout principles. Designed for developers explaining complex technical concepts visually.5.4kinstalls2Plannotator Compoundplannotator-compound runs a multi-phase research analysis on a user's Plannotator plan archive to extract denial patterns, feedback taxonomy, evolution over time, and prompt improvements, then delivers a polished HTML dashboard report. It prefers Plannotator data from PLANNOTATOR_DATA_DIR or ~/.plannotator plans with denied markdown files, and falls back to Claude Code ExitPlanMode outcomes parsed from ~/.claude/projects JSONL transcripts when the archive is missing. Phase 0 locates plans, detects prior compound-planning-report HTML versions, and offers incremental analysis after the last report date or a full re-analysis. Phase 1 inventories approved and denied plan counts, date ranges, revision rate, and average approved plan line lengths without reading annotation sidecars that duplicate denied content. Later phases read every denied file, extract feedback patterns, classify denials, and compile actionable insights. Output lands as versioned compound-planning-report HTML in the plans directory. Developers use it when they want data-backed feedback on why plans get rejected and how planning prompts should evolve over time.5.1kinstalls3Plannotator Setup GoalPlannotator Setup Goal turns an idea or objective into a goal package at goals/slug/ through five structured phases. Phase 1 rearticulates the request in two to three sentences and waits for user confirmation before creating the goal directory. Phase 2 builds a compact interview.json bundle with recommended answers and answerMode options, runs plannotator setup-goal interview as a monitored foreground browser session, and writes interview-result.json from stdout. Phase 3 converts interview answers into testable facts in facts-review.json, runs the facts browser review, and outputs facts.md plus facts.meta.json with automated verification flags. Phase 4 explores the codebase to validate implementation paths per accepted fact, writes plan.md with ordered steps and verification commands, and gates the plan via plannotator annotate plan.md --gate until approved. Phase 5 produces goal.md referencing facts and plan with a done condition. The skill enforces browser session patience, optional grill-me grilling for vague goals, codebase exploration instead of obvious questions, and stopping if the user dismisses a Plannotator session.5kinstalls4Review Renovatereview-renovate reviews Renovate bot pull requests that update GitHub Actions dependencies. It verifies each pinned commit SHA against the upstream tagged release to confirm supply-chain integrity, reviews changelogs for breaking changes, and checks workflow compatibility before giving a merge recommendation. A developer uses it when a Renovate PR changes actions in .github/workflows/.88installs5Release Plannotatorrelease-plannotator prepares and executes a Plannotator release in four phases. It drafts release notes with contributor credit gathered from git log and the GitHub CLI, bumps versions across package files, builds in dependency order, and starts the tag-driven release pipeline. A developer uses it when cutting a new version, writing release notes, or tagging a release.87installs6Pierre Guardpierre-guard is a skill that helps verify changes to Plannotator's code-review UI do not break its @pierre/diffs integration. It documents the exact FileDiff props, shadow DOM data-attribute selectors, and --diffs-* CSS variables the DiffViewer.tsx integration relies on, plus a checklist to run when upgrading the package or editing the injected unsafeCSS. A developer uses it when touching the review-editor package or the DiffViewer component.84installs7Update Depsupdate-deps audits outdated npm/Bun dependencies and updates the safe ones after supply-chain integrity checks. It runs bun outdated, then spawns one sub-agent per package to verify maintainer changes, publish age, provenance, and tarball diffs, classifying each as safe, review, or defer. It bumps safe packages, defers risky ones with logged notes, and records the audit to ~/.supply-chain/notes/.67installs8Plannotator Annotateplannotator-annotate opens Plannotator's browser-based annotation UI for a markdown file, HTML file, URL, or folder, then reacts to what the user returns. It runs the plannotator CLI and branches on three outcomes: approved (acknowledge and stop), dismissed (acknowledge and stop), or annotated feedback (address the comments). A developer uses it to get human review and inline annotations on documents before proceeding.60installs9Plannotator Lastplannotator-last opens Plannotator on the most recent rendered assistant message and uses the returned annotations to revise that message or continue. It runs the plannotator annotate-last CLI command and branches on approved, dismissed, or annotated outcomes. A developer uses it to let a human mark up the assistant's last reply before moving on.58installs10Plannotator Reviewplannotator-review opens Plannotator's browser-based code review UI for the current worktree or a given pull request URL, then acts on the feedback that comes back. It runs the plannotator review CLI command and either addresses returned annotations or continues when the review passes. A developer uses it to run a human code review over a worktree or PR inside the assistant conversation.57installs11Plannotatorplannotator is a Claude Code skill in the Automation & Workflows category. Interactive Plan Review: Mark up and refine your plans using a UI, easily share for team collaboration, automatically integrates with plan mode hooks.0installs