SkillsAdd

pierrecomputer/pierre

diffs

Use when an app uses @pierre/diffs to render or edit code files, diffs, patches, merge conflicts, or CodeView review surfaces, including React, vanilla JavaScript, SSR, workers, annotations, selection, and custom Shiki languages or themes.

Trending #6684 First seen Jul 30, 2026

Installation

$ npx skills add pierrecomputer/pierre --skill diffs
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Same topic
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Same topic
vercel-labs/agent-skills 326.5K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
vercel-react-native-skills Same topic
vercel-labs/agent-skills 205.5K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs

Also in this package

Other skills from pierrecomputer/pierre · top by installs.

npx skills add pierrecomputer/pierre
trees 125 theming 11 theme 9 browser-automation 7 worktrees-and-dev-servers 6 typescript-monorepo 3 tooling-and-dependencies 3 testing-and-verification 3 performance 1 git-commits 1

Browse all from pierrecomputer/pierre

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Also listed on

Alternate registries and mirrors of this skill.

Repository health

Stars 6.1K
License LICENSE.md
Default branch main
Open issues 38
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,091 B
  • docs SUMMARY.md 2,397 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 228 installs

SKILL.md

@pierre/diffs

Use @pierre/diffs to render syntax-highlighted files and diffs. Use its optional editor, SSR, and worker entries for those capabilities.

Install

pnpm add @pierre/diffs

Install react and react-dom when the app uses the React entry.

Select an API reference

Surface Reference
Root components, parsing, and file extension APIs [Core API](references/api-core.md)
Languages, themes, highlighter state, and streams [Highlighting API](references/api-highlighting.md)
Renderers, managers, DOM helpers, comparisons, and constants [Low-level rendering API](references/api-rendering.md)
Shared data, option, render, selection, and editor types [Shared types](references/api-types.md)
@pierre/diffs/react [React API](references/api-react.md)
@pierre/diffs/edit [Editor API](references/api-editor.md)
@pierre/diffs/ssr [SSR API](references/api-ssr.md)
@pierre/diffs/worker and worker scripts [Worker API](references/api-worker.md)

Select a recipe

Task Recipe
Render a file or diff in React [Render with React](references/recipe-react.md)
Render a file or diff without React [Render with vanilla JavaScript](references/recipe-vanilla.md)
Build a virtualized review surface [Use CodeView](references/recipe-code-view.md)
Edit a React surface or CodeView [Edit with React](references/recipe-edit-react.md)
Edit a vanilla surface or CodeView [Edit with vanilla JavaScript](references/recipe-edit-vanilla.md)
Preload markup on the server [Use SSR](references/recipe-ssr.md)
Highlight through a worker pool [Use workers](references/recipe-workers.md)
Add line annotations and selection [Add annotations and selection](references/recipe-annotations.md)
Register a Shiki language or theme [Register custom highlighting](references/recipe-custom-highlighting.md)