关于 highlights
@pierre/highlights 是面向代码渲染与编辑功能开发者的语法高亮技能，使用内置 WebAssembly 词法分析器，并提供 HTML、令牌、流式输入和可编辑文档接口。
主要功能
- 01基于 WebAssembly 的语法词法分析
- 02渲染 HTML 和令牌
- 03StreamTokenizer 处理追加输入
- 04LiveTokenizer 处理可编辑文档
适用场景
- 01将代码渲染为高亮 HTML
- 02为自定义渲染器提供令牌
- 03高亮流式文本或字节
- 04文档编辑后更新高亮
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/highlights确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
references/live.mdrendering.mdstreaming.mdthemes.md详细介绍
@pierre/highlights
使用 @pierre/highlights，通过内置的 WebAssembly 词法分析器实现独立的语法高亮。完整代码块请选择 HTML，自定义渲染器请选择 tokens，仅追加输入请选择 StreamTokenizer，可编辑文档请选择 LiveTokenizer。
安装
pnpm add @pierre/highlights
从 @pierre/highlights 导入。条件导出会为 Node.js、浏览器和 Cloudflare Workers 自动初始化 WebAssembly。导入后，高亮处理是同步的；常规用法无需调用 init() 或注册语言。
选择参考文档
| 任务 | 参考文档 |
|---|---|
| 生成 HTML 或 tokens、验证语言，或管理 Wasm 模块 | 渲染 |
| 加载或自定义主题、切换 CSS 变量，或渲染多个方案 | 主题 |
| 对流式字符串或字节进行词法分析 | 流式处理 |
| 应用编辑、设定视口优先级，或读取打包后的 token 记录 | 增量编辑 |
有关文件、差异或编辑器组件，请阅读 diffs 技能。
评论
支持 Markdown