tanstack-table について
tanstack-table は、複数のフレームワークで TanStack Table を構築・保守するためのガイダンススキルです。インストール済みバージョンに合う Core とアダプターの資料へ案内し、ヘッドレスの動作を保つ方法を示します。
主な機能
- 01フレームワーク別アダプターガイダンス
- 02バージョンに応じた資料選択
- 03Table Core と TypeScript のガイダンス
- 04機能構成と移行のガイダンス
- 05Devtools とファジーランキングのガイダンス
活用シーン
- 01対応フレームワークでのテーブル実装
- 02インストール済みバージョンに基づく API 確認
- 03テーブル機能の追加やデバッグ
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-tableインストール後、Claude Code で/tanstack-tableを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/9db3f8ddd7031ab264b99bec49c221155d0c8649b53dd4aa007f2041d36cdf5f.txtreferences/additional-guidance.mdadvanced.mdreferences/assets/tanstack-alpine-table-getting-started/references/create-table-hook.mdreferences/assets/tanstack-alpine-table-table-state/references/reactivity.mdreferences/assets/tanstack-angular-table-getting-started/references/create-table-hook.mdwith-tanstack-query.mdwith-tanstack-virtual.mdreferences/assets/tanstack-angular-table-migrate-v8-to-v9/references/adapter-migration.mdreferences/assets/tanstack-angular-table-table-state/references/reactivity.mdreferences/assets/tanstack-ember-table-getting-started/references/create-table-hook.mdreferences/assets/tanstack-ember-table-table-state/references/reactivity.mdreferences/assets/tanstack-lit-table-getting-started/references/create-table-hook.mdwith-tanstack-virtual.mdreferences/assets/tanstack-lit-table-migrate-v8-to-v9/references/adapter-migration.mdreferences/assets/tanstack-lit-table-table-state/references/reactivity.mdreferences/assets/tanstack-octane-table-getting-started/references/create-table-hook.mdreferences/assets/tanstack-octane-table-table-state/references/reactivity.mdreferences/assets/tanstack-preact-table-getting-started/references/create-table-hook.mdwith-tanstack-query.mdwith-tanstack-virtual.mdreferences/assets/tanstack-preact-table-migrate-v8-to-v9/references/adapter-migration.mdreferences/assets/tanstack-preact-table-table-state/references/reactivity.mdreferences/assets/tanstack-react-table-getting-started/references/create-table-hook.mdwith-tanstack-query.mdwith-tanstack-virtual.mdreferences/assets/tanstack-react-table-migrate-v8-to-v9/references/adapter-migration.md詳細
TanStack Table
Table Core の共通機能とフレームワーク固有のアダプターに関する、ヘッドレステーブルとデータグリッドのガイダンスです。
ワークフロー
- インストールされている TanStack パッケージと正確なバージョンを確認します。
- 検出されたフレームワークの基礎リファレンスとアダプターリファレンスを読みます。
- トピック別リファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合にのみ前提条件へのリンクをたどります。
- 記憶よりも、インストール済みパッケージの型とバージョンに合ったソースガイダンスを優先します。
- 例をフレームワークアダプターに置き換える場合も、ヘッドレス/コアの動作を維持します。
タスクの振り分け
- 基礎 — Table Core、機能の構成、TypeScript。
- 統合とツール — Devtools とファジーランキング。
- 高度な内容と移行 — カスタム機能、API の診断、移行。
- React アダプター — React Table アダプターのガイダンス。
- Preact アダプター — Preact Table アダプターのガイダンス。
- Vue アダプター — Vue Table アダプターのガイダンス。
- Solid アダプター — Solid Table アダプターのガイダンス。
- Svelte アダプター — Svelte Table アダプターのガイダンス。
- Angular アダプター — Angular Table アダプターのガイダンス。
- Lit アダプター — Lit Table アダプターのガイダンス。
- Alpine アダプター — Alpine Table アダプターのガイダンス。
- Ember アダプター — Ember Table アダプターのガイダンス。
- Octane アダプター — Octane Table アダプターのガイダンス。
- 公式の追加ガイダンス — 専門トピックにまだ割り当てられていない、新しい公式ガイダンス。
フレームワークの振り分け
- React —
@tanstack/react-tableを検出します。React アダプターを読みます。 - Preact —
@tanstack/preact-tableを検出します。Preact アダプターを読みます。 - Vue —
@tanstack/vue-tableを検出します。Vue アダプターを読みます。 - Solid —
@tanstack/solid-tableを検出します。Solid アダプターを読みます。 - Svelte —
@tanstack/svelte-tableを検出します。Svelte アダプターを読みます。 - Angular —
@tanstack/angular-tableを検出します。Angular アダプターを読みます。 - Lit —
@tanstack/lit-tableを検出します。Lit アダプターを読みます。 - Alpine —
@tanstack/alpine-tableを検出します。Alpine アダプターを読みます。 - Ember —
@tanstack/ember-tableを検出します。Ember アダプターを読みます。 - Octane —
@tanstack/octane-tableを検出します。Octane アダプターを読みます。
製品の境界
タスクが次の製品の範囲にまたがる場合は、それぞれの製品スキルを使用します:tanstack-query、tanstack-virtual。
正確な上流の入力元と重複排除の記録については、ソースの出典を参照してください。
コメント
Markdown 対応