Pierre Guard

by backnotprop

Pierre Guard is a Quality skill for Claude Code, published by backnotprop in plannotator.

7.8K stars572 forkson backnotprop/plannotatorAdded 2026/08/15+1% in starsRepository updated 2026/08/14

View source on GitHub Download repo ZIP

agentsclaude-codecode-reviewcodexobsidianopencodepi-monoplan-modeskills

Install in seconds

Install Pierre Guard

Copy Pierre Guard into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/backnotprop/plannotator/tree/main/.agents/skills/pierre-guard ~/.claude/skills/pierre-guard

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/backnotprop/plannotator.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .agents/skills/pierre-guard/SKILL.md in backnotprop/plannotator
Installs to: ~/.claude/skills/pierre-guard
Collection: One of 15 skills cataloged from this repository
Category: Quality — 1354 skills

What Pierre Guard does

Pierre Guard verifies that changes to Plannotator's code review UI do not break the @pierre/diffs integration. Use it when modifying DiffViewer.tsx, upgrading @pierre/diffs, injecting CSS, or reviewing PRs that touch the diff viewer.

Pierre Guard is cataloged under Quality on DirSkills. Pierre Guard comes from a repository tagged agents, claude-code, code-review, codex and obsidian.

Documentation

README

Excerpt

Pierre Integration Guard

Plannotator's code review UI wraps @pierre/diffs — an open-source diff renderer that uses Shadow DOM. The integration is concentrated in a single file but relies on undocumented internals (shadow DOM selectors, CSS variable names, grid layout assumptions). This skill helps verify changes don't break that contract.

Source of Truth

Upstream repo: https://github.com/pierrecomputer/pierre/tree/main/packages/diffs
Local types: node_modules/@pierre/diffs/dist/ (.d.ts files)
Integration point: packages/review-editor/components/DiffViewer.tsx
Current version: check packages/review-editor/package.json for the pinned version

Always verify against the upstream repo or local .d.ts files — don't rely on memory of the API shape.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Pierre Guard

What else does backnotprop publish alongside Pierre Guard?
Pierre Guard is one of 15 skills that DirSkills catalogs from backnotprop/plannotator, the repository it ships in. Its siblings there include Plannotator Annotate, Plannotator Annotate and Plannotator Annotate. Each one is a separate skill with its own page in this directory, installs the same way Pierre Guard does, and is maintained by backnotprop in that same repository. The rest of the collection is listed on the backnotprop/plannotator page.
How does Pierre Guard compare to other Quality skills?
Pierre Guard ranks #222 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Pierre Guard against them. Open each page to compare what they document and how they install.