highlights
Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
소스 정보
- 저장소
- pierrecomputer/pierre
- 최근 소스 활동
- 2026년 9월 15일 19:40
- 감지된 SKILL.md 언어
- 영어
- 스타
- 6,239
- 포크
- 226
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
파일 탐색기
5 개 파일SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- highlights
- description
- Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
# `@pierre/highlights`
Use `@pierre/highlights` for standalone syntax highlighting with built-in
WebAssembly lexers. Choose HTML for a complete code block, tokens for a custom
renderer, `StreamTokenizer` for append-only input, or `LiveTokenizer` for an
editable document.
## Install
```bash
pnpm add @pierre/highlights
```
Import from `@pierre/highlights`. Conditional exports initialize WebAssembly
automatically for Node.js, browsers, and Cloudflare Workers. Highlighting is
synchronous after import; ordinary usage needs no `init()` or language
registration.
## Select a reference
| Task | Reference |
| -------------------------------------------------------------------------- | ----------------------------------------- |
| Generate HTML or tokens, validate a language, or manage a Wasm module | [Rendering](references/rendering.md) |
| Load or customize themes, switch CSS variables, or render multiple schemes | [Themes](references/themes.md) |
| Tokenize streamed strings or bytes | [Streaming](references/streaming.md) |
| Apply edits, prioritize a viewport, or read packed token records | [Incremental editing](references/live.md) |
For file, diff, or editor components, read the [diffs skill](../diffs/SKILL.md).
GitHub에서 보기