tanstack-highlight について
tanstack-highlight は、TanStack のシンタックスハイライト設定を支援するスキルです。言語、フレームワークや Markdown との連携、テーマ、注釈を扱い、タスクとフレームワークに応じてバージョンに合った資料へ案内します。
主な機能
- 01言語の選択と拡張
- 02フレームワークと Markdown の連携
- 03テーマと注釈
- 04パッケージのバージョンに合ったガイド
活用シーン
- 01指定した言語のハイライト設定
- 02React や Markdown へのコードハイライト統合
- 03ハイライト表示のスタイル設定と注釈追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-highlightインストール後、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 対応