モダンなWebアプリケーション全体で、ヘッドレスかつタイプセーフでフレームワーク非依存のTanStackライブラリを活用するための包括的な開発者向けアセット。
インストール＆ダウンロード
1. ClawHub CLI
レジストリから直接スキルをインストールする最速の方法です。
npx clawhub@latest install tanstack-libraries
2. 手動インストール
スキルフォルダを以下のいずれかの場所にコピーしてください
~/.openclaw/skills/ <project>/skills/ 優先順位：ワークスペース > ローカル > バンドル
3. プロンプトのインストール
このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。
Clawhubを使って tanstack-libraries をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。
ダウンロードをご希望ですか？
ZIPアーカイブで生のスキルファイルを取得します。
TanStack Libraries スキル とは？
TanStack Librariesスキルは、TanStackによる高性能なWebツールソリューション群を使用するための網羅的な設計図とナレッジベースを提供します。これらのライブラリは完全にヘッドレスであり、開発者はステート同期、ルーティング、データ仮想化、サーバーサイドレンダリングといった背後の重い処理を任せつつ、UIマークアップとスタイリングを完全に制御できます。
厳格なフレームワーク非依存の原則に基づいて設計されており、各ライブラリはコア機能を独立したJavaScriptエンジンにデカップリング（分離）し、React、Vue、Solid、Svelte、Angularなどのフレームワークアダプターを提供します。このレイアウトにより、Openclaw Skillsを採用するモダンなエンジニアリングチームは、ベンダーロックインを排除した軽量かつツリーシェイク可能でタイプセーフなシステムを構築できます。
TanStack Libraries スキル のユースケース
- ゼロ依存のヘッドレスUIアーキテクチャによる、スケーラブルで高性能なWebアプリケーションの構築。
- 非同期操作、複雑なネストされたサーバーキャッシュ、楽観的ミューテーションのシームレスな管理。
- 最先端のフレームワークセットアップを使用したフルスタックSSR、ストリーミング、およびタイプセーフなルーティングの実装。
- 専用のCLIツールを利用した自動検出および公開メカニズムによるエージェントワークフローの強化。
TanStack Libraries スキル の仕組み
- コアのデカップリング: アーキテクチャは操作ロジックをコアパッケージ（
@tanstack/query-core、@tanstack/table-coreなど）内に隔離します。 - アダプター接続: 開発者は軽量で最適化されたランタイムアダプターを使用して、機能を特定のフレームワークにマッピングします。
- 型伝播: TypeScriptの推論により、データベースモデルからUIローダーおよびフィールドに至るまで、深いタイプセーフが提供されます。
- 機能検出: Openclaw SkillsはCLIやIntentエンジンなどの専用ユーティリティを活用して、ローカルツールを調整し、モダンな構成を登録します。
TanStack Libraries スキル のセットアップ
プロジェクトエコシステム内で標準のTanStackライブラリを開始および構成するには、パッケージマネージャーを介してスタックに必要な特定のフレームワークアダプターをインストールしてください：
# ライブラリの選択に応じてコアフレームワークアダプターをインストール
pnpm add @tanstack/react-query
pnpm add @tanstack/react-router
pnpm add @tanstack/react-table
# CLIを介して最新のスキャフォールディング設定を初期化
pnpm add -D @tanstack/cli
TanStack Libraries スキル のデータスキーマとタクソノミー
このスキルは、以下の構造を持つ4つの主要な技術領域にわたる情報を管理します：
| 成熟度ドメイン | 含まれるライブラリ | 運用ターゲット |
|---|---|---|
| Stable(安定版) | Query, Router, Table, Virtual, Config | 成熟したプロダクション対応Webツールエンジン |
| RC & 新機能 | Start, Form | フルスタックレンダリングアーキテクチャおよび入力検証マトリックス |
| Beta(ベータ版) | DB, Pacer, Store | リアクティブなクライアントストレージ層および最適化されたレート制限メカニズム |
| Alpha(アルファ版) | AI, Hotkeys, Devtools, CLI, Intent | エージェントマルチプロバイダーSDK、ホットキー追跡、および自動検出構造 |
TanStack Libraries スキル の高度な機能
- Intent Engineの最適化:
@tanstack/intentを使用して、ネイティブな自動検出と期限切れ検出ルーチンを備えたエージェントスキルをnpm経由で公開します。 - フルスタック・オーケストレーション: エッジフレンドリーなストリーミングとサーバー関数を備えたTanStack Startを通じて、統合されたフルスタックアプリケーションを立ち上げます。
- クライアントサイド・リアクティブDB: ローカルCollectionインデックス、ライブクエリ追跡、および自動的な楽観的更新を組み合わせて、複雑なクライアントアプリケーションを構築します。
SKILL.md
ローディング
関連するOpenclawのスキル
絵コンテプロンプトジェネレーター
標準的なアニメ絵コンテ台本を、キャラクター、シーン、AIビデオ生成用の高度に最適化されたバイリンガルプロンプトに変換するAI駆動型ジェネレーターです。
Hotcoin Research
リアルタイムのBTC/ETH先物、トークン発見、および機関レベルの暗号資産上場調査レポートのための強力な読み取り専用API統合です。
Dakaimen Investing Skill
初期の期待の波において高弾性なターゲットを特定し、業績の転換点を追跡する、サイクルベースの銘柄選定フレームワーク。
金融業界向けインテリジェントマーケティングアシスタント
銀行および証券チーム向けにカスタム構築された、セグメンテーション、マルチチャネルキャンペーン設計、ターゲットを絞ったコンテンツコピーライティング、およびコンバージョン最適化を管理する AI 駆動のデジタルマーケティングアシスタントです。
銀行財務報告アナリスト
企業財務諸表を解析し、デュポン分析や Altman Z-Score 分析を実行し、財務のレッドフラッグを特定して、包括的な信用・投資レポートを生成するために設計された高度な財務分析 AI スキルです。
銀行規制報告アシスタント
NFRA、PBOC、SAFE、1104 の提出、および Basel III 自己資本比率報告を自動化および検証する、AI 駆動の銀行コンプライアンスアシスタントです。
特徴*
