← TanStackCONTENT HISTORY
WHAT CHANGED
Update to TanStack
Snapshot Oct 24, 2026 · 13:37 UTC · version 0.1.3
Collection source: downloaded plugin package.
First saved snapshot
No earlier snapshot is available to establish a change.
Save TanStack and check future changes in Following.
Up to 10 plugins free · no card required.
Compare saved observations
Download comparison JSONFull technical diff · 0 changed fields
Full snapshot data
{
"description": "Introduce, add, debug, or migrate TanStack Highlight for synchronous syntax highlighting with compact HTML and separate theme CSS.",
"included_files": [
{
"relative_path": "agents/openai.yaml",
"size_in_bytes": 110
}
],
"name": "tanstack-highlight",
"skill_md_contents": "---\nname: tanstack-highlight\ndescription: Introduce, add, debug, or migrate TanStack Highlight for synchronous syntax highlighting with compact HTML and separate theme CSS.\n---\n\n# TanStack Highlight\n\nSynchronous syntax highlighting with compact HTML and separate theme CSS.\n\nUse it for: Code examples in docs, editor previews, or Markdown fences need syntax coloring.\n\nUsually unnecessary for: No code display, plain preformatted text, or full editor language services.\n\n## Install and try\n\nUse the project's framework and package manager. These examples target the current official documentation checked on September 30, 2026. Match installed versions before copying them into an existing project.\n\n```sh\nnpm install @tanstack/highlight\n```\n\nMinimal example, run in a browser module:\n\n```ts\nimport { createHighlighter } from '@tanstack/highlight/core'\nimport { ts } from '@tanstack/highlight/languages/ts'\nimport { createThemeCss } from '@tanstack/highlight/theme'\nimport { githubLightTheme } from '@tanstack/highlight/themes/github-light'\nconst highlighter = createHighlighter({ languages: [ts] })\nconst style = document.createElement('style')\nstyle.textContent = createThemeCss({ light: githubLightTheme })\ndocument.head.append(style)\nconst output = document.createElement('div')\noutput.innerHTML = highlighter.highlight('const answer: number = 42', { lang: 'ts' }).html\ndocument.body.append(output)\n```\n\nRegister only required languages and any delegated embedded languages. Reuse a highlighter instance. Source text is escaped by the renderer, insert HTML returned directly by the highlighter. Themes use CSS and do not require re-highlighting.\n\n## Implement, debug, or migrate\n\nRead the project's package manifest and lockfile before changing dependencies. Load version-matched TanStack Intent guidance with `npx @tanstack/intent@latest list`, then `npx @tanstack/intent@latest load` followed by a concrete identifier returned by the list. Do not invent skill names or assume every version includes skills. If no relevant skill is packaged, use the installed version's official docs and source. Current web docs can describe a newer API than the lockfile.\n\nFor an existing project, reproduce the failure and change the smallest relevant integration. For migration, read the version-specific migration guide and preserve behavior through a small verified slice before migrating the rest. Run the project's relevant build and checks, then verify the user-visible feature. Do not add unrelated TanStack packages.\n\nIn ChatGPT without a shell or repository tools, use the connected documentation tools and provide the code and exact commands for the user to run. Never claim files were edited, packages installed, or checks passed without execution evidence.\n\n[Official docs](https://tanstack.com/highlight/latest/docs/overview) · [Version-matched guidance](https://tanstack.com/intent/latest/docs/overview)\n"
}SHA-256 of public snapshot: 6fa10e55fb07cd93a41e506a48b391f2d8058754e1e96f4c20837fc195855499