关于 tanstack-highlight
tanstack-highlight 为 TanStack 语法高亮提供配置指导，涵盖语言支持、框架与 Markdown 集成、主题和注释。它按任务和框架定位参考资料，并强调匹配已安装的软件包版本。
主要功能
- 01语言选择与扩展
- 02框架和 Markdown 集成
- 03主题与注释
- 04匹配软件包版本的指导
适用场景
- 01配置指定语言的高亮
- 02在 React 或 Markdown 中集成代码高亮
- 03设置高亮代码样式并添加注释
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/tanstack-highlight确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a09cf172b475f76e0cb456e3cd346b1aa3fe5169ae5454f9f7fbe98b3e93c85f.txtreferences/integrations.mdlanguages-configuration.mdPROVENANCE.jsonROUTES.jsonSOURCES.mdthemes-annotations.mdreferences/assets/tanstack-highlight-configure-selective-highlighting/references/languages.mdreferences/assets/tanstack-highlight-extend-language-support/references/tokenizer-patterns.mdreferences/assets/tanstack-highlight-integrate-framework-code-blocks/references/octane-components.mdoctane-mdx.mdreact.mdreferences/assets/tanstack-highlight-integrate-markdown-pipelines/references/direct-fences.mdrehype.mdremark.mdreferences/assets/tanstack-highlight-theme-and-annotate-code/references/themes-and-tokens.mdreferences/guides/tanstack-highlight-configure-selective-highlighting-aee9011b.mdtanstack-highlight-extend-language-support-752c4660.mdtanstack-highlight-integrate-framework-code-blocks-9c88ca76.mdtanstack-highlight-integrate-markdown-pipelines-32cb443f.mdtanstack-highlight-theme-and-annotate-code-f5bc5628.md详细介绍
TanStack Highlight
关于语言支持、按需加载、Markdown 流程、主题和注释的语法高亮指南。
确认已安装的包版本。
工作流
- 检查已安装的 TanStack 包及其确切版本。
- 如果任务使用适配器，请阅读已检测到的框架对应的适配器参考资料。
- 主题参考资料是索引。根据任务选择一个指南或章节；仅在需要时才沿其前置要求链接继续阅读。
- 优先参考已安装包的类型定义和与版本匹配的源代码指南，而不是依赖记忆。
- 将示例转换为框架适配器时，保留无头模式／核心行为。
任务路由
- 语言和配置 — 按需高亮和语言扩展。
- 框架和 Markdown 集成 — 框架代码块和 Markdown 流程。
- 主题和注释 — 主题、样式和注释。
框架路由
- Vanilla — 检测
@tanstack/highlight。阅读语言和配置。通用指南；请检查适配器特有的差异。 - React — 检测
@tanstack/highlight/react。阅读框架和 Markdown 集成。通用指南；请检查适配器特有的差异。
产品边界
如果任务跨越产品边界，请使用以下独立的产品技能：tanstack-markdown。
关于确切的上游输入和去重记录，请参阅来源信息。
评论
支持 Markdown