tanstack-virtual について
tanstack-virtualは、TanStack Virtualを使う開発者向けのドキュメント案内スキルです。大規模リスト、グリッド、動的計測、逆方向フィードを扱い、導入済みバージョンに合うフレームワーク別資料へ案内します。
主な機能
- 01導入済みパッケージとバージョンの確認
- 02検出したフレームワーク向け資料の選択
- 03リストとグリッドの仮想化ガイド
- 04動的計測と逆方向フィードへの対応
- 05導入バージョンに合った資料の参照
活用シーン
- 01大規模リストの仮想化
- 02チャット画面の逆方向フィード処理
- 03特定フレームワークのアダプター資料の確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-virtualインストール後、Claude Code で/tanstack-virtualを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/foundations.mdframework-angular.mdframework-lit.mdframework-marko.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdreferences/guides/virtual-docs-api-virtual-item-md-e07aeecc.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-anchorto.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-debug.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-enabled.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-followonappend.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-gap.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-getitemkey.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-horizontal.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialmeasurementscache.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialrect.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isrtl.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isscrollingresetdelay.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-laneassignmentmode.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-lanes.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-measureelement.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementrect.md詳細
TanStack Virtual
大規模なリストやグリッド、動的な計測、逆順フィード、フレームワークアダプター向けの仮想化ガイダンスです。
ワークフロー
- インストール済みの TanStack パッケージと正確なバージョンを確認します。
- 検出したフレームワークの基礎リファレンスとアダプターリファレンスを読みます。
- トピック別リファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合のみ前提条件へのリンクをたどります。
- 記憶より、インストール済みパッケージの型とバージョンに対応したソースのガイダンスを優先します。
- 例をフレームワークアダプターに合わせて変換する際は、ヘッドレス/コアの動作を維持します。
タスク別の参照先
- 基礎 — 概要、インストール、Virtualizer API。
- 計測と逆順フィード — 計測とチャット/逆順フィードの仮想化。
- React アダプター — React 固有の設定と動作。
- Solid アダプター — Solid 固有の設定と動作。
- Vue アダプター — Vue 固有の設定と動作。
- Svelte アダプター — Svelte 固有の設定と動作。
- Lit アダプター — Lit 固有の設定と動作。
- Angular アダプター — Angular 固有の設定と動作。
- Marko アダプター — Marko 固有の設定と動作。
フレームワーク別の参照先
- Angular —
@tanstack/angular-virtualを検出します。Angular アダプターを読みます。 - Lit —
@tanstack/lit-virtualを検出します。Lit アダプターを読みます。 - Marko —
@tanstack/marko-virtualを検出します。Marko アダプターを読みます。 - React —
@tanstack/react-virtualを検出します。React アダプターを読みます。 - Solid —
@tanstack/solid-virtualを検出します。Solid アダプターを読みます。 - Svelte —
@tanstack/svelte-virtualを検出します。Svelte アダプターを読みます。 - Vue —
@tanstack/vue-virtualを検出します。Vue アダプターを読みます。
製品の境界
タスクが製品の境界を越える場合は、別個の製品スキル tanstack-table を使用します。
ソースの状況
TanStack/virtual の公式ドキュメントに基づき、次の検証済みリリース入力に対応しています:@tanstack/[email protected]。
正確な上流入力と重複排除の記録については、ソースの由来を参照してください。
コメント
Markdown 対応