mcpField
T
tanstack-devtools

tanstack-devtools

github.com/lukasa1993開発171 回インストール今日更新
リポジトリ

tanstack-devtools について

tanstack-devtools は、TanStack Devtools の導入と利用を支援する開発ガイダンススキルです。タスクやフレームワークに応じて参照先を案内し、バージョンに合った資料とソースの確認を促します。

主な機能

  1. 01フレームワーク別の資料案内
  2. 02セットアップと本番ビルドのガイダンス
  3. 03プラグインとマーケットプレイスのガイダンス
  4. 04イベント計測のガイダンス
  5. 05バージョンに合うソースの推奨

活用シーン

  1. 01アプリへの TanStack Devtools の導入
  2. 02フレームワークアダプターの資料選び
  3. 03プラグインパネルやイベント計測の実装

インストール

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

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

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

同梱ファイル

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

.tanstack-product-skill.json
LICENSE
agents/
openai.yaml
licenses/
de86d3f4c6d93bcd529b389aaae7d4297072e623af8b5b701db3564f4b89ec90.txt
references/
additional-guidance.md
events-instrumentation.md
references/assets/tanstack-devtools-plugin-panel/references/
panel-api.md
references/assets/tanstack-devtools-utils-devtools-framework-adapters/references/
preact.md
react.md
solid.md
vue.md
references/assets/tanstack-devtools-vite-plugin/references/
vite-options.md
references/guides/
tanstack-devtools-app-setup-a09047cc.md
tanstack-devtools-event-client-b11524e7.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--common-mistakes.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--core-concept.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--core-patterns.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--debouncing-frequent-observations.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--overview.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88--see-also.md
tanstack-devtools-event-client-devtools-bidirectional-02c62d88.md
tanstack-devtools-event-client-devtools-instrumentation-6363dc09.md
tanstack-devtools-marketplace-8bf06759--common-mistakes.md
tanstack-devtools-marketplace-8bf06759--featured-plugins.md
tanstack-devtools-marketplace-8bf06759--framework-detection.md
tanstack-devtools-marketplace-8bf06759--how-auto-install-works.md
tanstack-devtools-marketplace-8bf06759--overview-2.md
tanstack-devtools-marketplace-8bf06759--overview.md
tanstack-devtools-marketplace-8bf06759--plugin-id-matching.md
tanstack-devtools-marketplace-8bf06759--pluginmetadata-interface.md

詳細

TanStack Devtools

セットアップ、フレームワークアダプター、プラグイン、イベント計測、マーケットプレイスの利用、本番ビルドに関する Devtools のガイダンスです。

コアとプラグインのバージョンを確認してください。

ワークフロー

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

タスク別の参照先

フレームワーク別の参照先

正確なアップストリームの入力と重複排除の記録については、ソースの来歴を参照してください。

コメント