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.
来源信息
- 仓库
- pierrecomputer/pierre
- 最近来源活动
- 2026年9月18日 23:55
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 6,278
- 分支
- 228
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
18 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- diffs
- description
- 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.
# `@pierre/diffs`
Use `@pierre/diffs` to render syntax-highlighted files and diffs. Use its
optional editor, SSR, and worker entries for those capabilities.
For standalone HTML or token generation with `@pierre/highlights`, read the
[highlights skill](../highlights/SKILL.md).
## Install
```bash
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) |
在 GitHub 查看