tanstack-hotkeys について
tanstack-hotkeys は、TanStack Hotkeys を扱うコーディングエージェント向けのドキュメントスキルです。インストール済みバージョンに合う基礎資料やフレームワークアダプターの案内を選び、各環境のキーボードショートカットを説明します。
主な機能
- 01インストール済みバージョンに対応した資料
- 02複数のフレームワークアダプターを網羅
- 03ショートカット登録とシーケンスの案内
- 04スコープ、記録、キー状態の説明
- 05コア動作とアダプターの違いを明示
活用シーン
- 01プロジェクトで TanStack Hotkeys を設定
- 02フレームワークアダプターの使い方を確認
- 03ショートカットのシーケンスやスコープを実装
- 04導入バージョンに沿って動作を確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-hotkeysインストール後、Claude Code で/tanstack-hotkeysを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a7434fcc02922f5e616e66431ba665a90dc3765197451459307f06e272fc17e2.txtreferences/foundations.mdframework-alpine.mdframework-angular.mdframework-ember.mdframework-lit.mdframework-octane.mdframework-preact.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdreferences/guides/hotkeys-docs-devtools-md-3036b65e.mdhotkeys-docs-framework-alpine-guides-app-hotkeys-md-06d36fd9.mdhotkeys-docs-framework-alpine-guides-cheat-sheet-ui-helpers-md-c2bc3613.mdhotkeys-docs-framework-alpine-guides-custom-hotkey-recording-md-c4d635ad.mdhotkeys-docs-framework-alpine-guides-formatting-display-md-c1379339.mdhotkeys-docs-framework-alpine-guides-held-key-state-helpers-md-45f4cbc6.mdhotkeys-docs-framework-alpine-guides-hotkey-hints-md-91910f46.mdhotkeys-docs-framework-alpine-guides-hotkey-manager-md-37a873d6.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--chords-and-sequences.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--describe-hotkeys-with-meta.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--enable-and-disable-hotkeys.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--handle-duplicate-hotkeys.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--hotkey-options.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--hotkey-targets.mdhotkeys-docs-framework-alpine-guides-hotkeys-md-baac02c3--overview.md詳細
TanStack Hotkeys
登録、シーケンス、スコープ、記録、キーの状態、表示、アダプターに関する、型安全なキーボードショートカットのガイダンスです。
対象のキーボードレイアウトやオペレーティングシステムで動作を確認してください。
ワークフロー
- インストール済みの TanStack パッケージと正確なバージョンを確認します。
- 検出されたフレームワークの基礎リファレンスとアダプターリファレンスを読みます。
- トピックリファレンスは索引です。タスクに合わせてガイドまたはセクションを1つ選び、必要な場合にのみ前提条件へのリンクをたどります。
- 記憶に頼るよりも、インストール済みパッケージの型とバージョンに合ったソースガイダンスを優先します。
- フレームワークアダプター向けに例を翻訳する際も、ヘッドレス/コアの動作を維持します。
タスクの振り分け
- alpine adapter — 公式リリースドキュメントに基づく、Alpine固有のセットアップと動作です。
- ember adapter — 公式リリースドキュメントに基づく、Ember固有のセットアップと動作です。
- octane adapter — 公式リリースドキュメントに基づく、Octane固有のセットアップと動作です。
- Foundations — 概要、インストール、開発者ツールです。
- React adapter — React固有のセットアップと動作です。
- Preact adapter — Preact固有のセットアップと動作です。
- Solid adapter — Solid固有のセットアップと動作です。
- Svelte adapter — Svelte固有のセットアップと動作です。
- Vue adapter — Vue固有のセットアップと動作です。
- Angular adapter — Angular固有のセットアップと動作です。
- Lit adapter — Lit固有のセットアップと動作です。
- Other official guides — Hotkeysに関するその他の公式ガイダンスです。
フレームワークの振り分け
- Vanilla —
@tanstack/hotkeysを検出します。Foundationsを読みます。共通のガイダンスを参照し、アダプター固有の違いを確認してください。 - Alpine —
@tanstack/alpine-hotkeysを検出します。alpine adapterを読みます。 - Angular —
@tanstack/angular-hotkeysを検出します。Angular adapterを読みます。 - Ember —
@tanstack/ember-hotkeysを検出します。ember adapterを読みます。 - Lit —
@tanstack/lit-hotkeysを検出します。Lit adapterを読みます。 - Octane —
@tanstack/octane-hotkeysを検出します。octane adapterを読みます。 - Preact —
@tanstack/preact-hotkeysを検出します。Preact adapterを読みます。 - React —
@tanstack/react-hotkeysを検出します。React adapterを読みます。 - Solid —
@tanstack/solid-hotkeysを検出します。Solid adapterを読みます。 - Svelte —
@tanstack/svelte-hotkeysを検出します。Svelte adapterを読みます。 - Vue —
@tanstack/vue-hotkeysを検出します。Vue adapterを読みます。
製品の境界
タスクが製品の境界を越える場合は、別の製品スキルである tanstack-devtools を使用してください。
ソースのステータス
TanStack/hotkeys の公式ドキュメントに基づき、検証済みの次のリリース入力に対応しています:@tanstack/[email protected]。
正確な上流入力と重複排除の記録については、ソースの来歴を参照してください。
コメント
Markdown 対応