mcpField
T
tanstack-highlight

tanstack-highlight

github.com/lukasa1993開発066 回インストール1 日前に更新
リポジトリ

tanstack-highlight について

tanstack-highlight は、TanStack のシンタックスハイライト設定を支援するスキルです。言語、フレームワークや Markdown との連携、テーマ、注釈を扱い、タスクとフレームワークに応じてバージョンに合った資料へ案内します。

主な機能

  1. 01言語の選択と拡張
  2. 02フレームワークと Markdown の連携
  3. 03テーマと注釈
  4. 04パッケージのバージョンに合ったガイド

活用シーン

  1. 01指定した言語のハイライト設定
  2. 02React や Markdown へのコードハイライト統合
  3. 03ハイライト表示のスタイル設定と注釈追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/lukasa1993/tanstack-skills-extracted --skill tanstack-highlight

インストール後、Claude Code で/tanstack-highlightを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

.tanstack-product-skill.json
LICENSE
agents/
openai.yaml
licenses/
a09cf172b475f76e0cb456e3cd346b1aa3fe5169ae5454f9f7fbe98b3e93c85f.txt
references/
integrations.md
languages-configuration.md
PROVENANCE.json
ROUTES.json
SOURCES.md
themes-annotations.md
references/assets/tanstack-highlight-configure-selective-highlighting/references/
languages.md
references/assets/tanstack-highlight-extend-language-support/references/
tokenizer-patterns.md
references/assets/tanstack-highlight-integrate-framework-code-blocks/references/
octane-components.md
octane-mdx.md
react.md
references/assets/tanstack-highlight-integrate-markdown-pipelines/references/
direct-fences.md
rehype.md
remark.md
references/assets/tanstack-highlight-theme-and-annotate-code/references/
themes-and-tokens.md
references/guides/
tanstack-highlight-configure-selective-highlighting-aee9011b.md
tanstack-highlight-extend-language-support-752c4660.md
tanstack-highlight-integrate-framework-code-blocks-9c88ca76.md
tanstack-highlight-integrate-markdown-pipelines-32cb443f.md
tanstack-highlight-theme-and-annotate-code-f5bc5628.md

詳細

TanStack Highlight

言語サポート、選択的な読み込み、Markdown パイプライン、テーマ、注釈に関する構文強調表示のガイダンスです。

インストール済みのパッケージのバージョンを確認してください。

ワークフロー

  1. インストール済みの TanStack パッケージと正確なバージョンを確認します。
  2. アダプターを使用するタスクの場合は、検出されたフレームワークのアダプターリファレンスを読みます。
  3. トピックリファレンスは索引です。タスクに適したガイドまたはセクションを選び、必要な場合にのみ、その前提条件へのリンクをたどります。
  4. 記憶よりも、インストール済みパッケージの型とバージョンに合ったソースのガイダンスを優先します。
  5. 例をフレームワークアダプターに移す際は、ヘッドレス/コアの動作を維持します。

タスクの振り分け

フレームワークの振り分け

  • Vanilla — @tanstack/highlight を検出します。言語と設定を読みます。共通のガイダンスを参照し、アダプター固有の違いを確認します。
  • React — @tanstack/highlight/react を検出します。フレームワークと Markdown の統合を読みます。共通のガイダンスを参照し、アダプター固有の違いを確認します。

製品の境界

タスクが製品の境界をまたぐ場合は、別の製品スキルである tanstack-markdown を使用します。

正確な上流の入力と重複排除の記録については、ソースの出典情報を参照してください。

コメント