Une ressource complète pour les développeurs utilisant des bibliothèques TanStack headless, type-safe et agnostiques aux frameworks dans les applications Web modernes.
Installer & Télécharger
1. ClawHub CLI
Le moyen le plus rapide d'installer une compétence directement depuis le registre.
npx clawhub@latest install tanstack-libraries
2. Installation manuelle
Copiez le dossier de la compétence dans l'un de ces emplacements
~/.openclaw/skills/ <project>/skills/ Priorité : Espace de travail > Local > Intégré
3. Installation du prompt
Copiez ce prompt dans OpenClaw pour l'installer automatiquement.
Aide-moi à installer tanstack-libraries via Clawhub. Si Clawhub n'est pas installé, installe-le d'abord (npm i -g clawhub).
Vous préférez télécharger ?
Obtenez les fichiers bruts de la compétence dans une archive ZIP.
Qu'est-ce que Compétence TanStack Libraries ?
La compétence TanStack Libraries fournit un plan exhaustif et une base de connaissances pour utiliser la collection de solutions d'outils Web haute performance de TanStack. Ces bibliothèques sont entièrement headless, accordant aux développeurs un contrôle total sur le balisage UI et le stylage, tout en gérant les tâches lourdes en arrière-plan comme la synchronisation d'état, le routage, la virtualisation des données et le rendu côté serveur (SSR).
Conçue avec des principes stricts d'agnosticisme de framework, chaque bibliothèque découple la fonctionnalité principale dans un moteur JavaScript indépendant avant d'offrir des adaptateurs de framework pour React, Vue, Solid, Svelte, Angular et plus encore. Cette disposition fournit des systèmes légers, tree-shakeable et type-safe qui éliminent le verrouillage propriétaire pour les équipes d'ingénierie modernes adoptant Openclaw Skills.
Cas d'utilisation de Compétence TanStack Libraries
- Construction d'applications Web scalables et haute performance avec une architecture UI headless sans dépendance.
- Gestion transparente des opérations asynchrones, du cache serveur complexe imbriqué et des mutations optimistes.
- Implémentation de SSR full-stack, de streaming et de routage type-safe en utilisant des configurations de framework de pointe.
- Amélioration des workflows d'agents avec des mécanismes de découverte automatique et de publication utilisant des outils CLI dédiés.
Comment fonctionne Compétence TanStack Libraries
- Découplage du cœur : L'architecture isole la logique opérationnelle dans des packages principaux (
@tanstack/query-core,@tanstack/table-core, etc.). - Connexion d'adaptateur : Les développeurs mappent la fonctionnalité à des frameworks spécifiques en utilisant des adaptateurs d'exécution légers et optimisés.
- Propagation de type : L'inférence TypeScript offre une sécurité de type approfondie depuis les modèles de base de données jusqu'aux chargeurs et champs UI.
- Découverte de capacités : Openclaw Skills exploite des utilitaires spécialisés comme la CLI et le moteur Intent pour orchestrer les outils locaux et enregistrer des configurations modernes.
Configuration de Compétence TanStack Libraries
Pour initier et configurer les bibliothèques TanStack standard au sein de l'écosystème de votre projet, installez l'adaptateur de framework spécifique requis pour votre stack via votre gestionnaire de paquets :
# Installez les adaptateurs de framework principaux selon votre choix de bibliothèque
pnpm add @tanstack/react-query
pnpm add @tanstack/react-router
pnpm add @tanstack/react-table
# Pour initialiser des configurations de scaffolding modernes via CLI
pnpm add -D @tanstack/cli
Schéma de données et taxonomie de Compétence TanStack Libraries
La compétence gère les informations sur quatre domaines techniques principaux, structurés comme suit :
| Domaine de maturité | Bibliothèques incluses | Cible opérationnelle |
|---|---|---|
| Stable | Query, Router, Table, Virtual, Config | Moteurs d'outils Web matures et prêts pour la production |
| RC & Nouveau | Start, Form | Architectures de rendu full-stack et matrices de validation d'entrée |
| Beta | DB, Pacer, Store | Couches de stockage client réactives et mécanismes de limitation de débit optimisés |
| Alpha | AI, Hotkeys, Devtools, CLI, Intent | SDKs multi-fournisseurs d'agents, suivi des raccourcis clavier et structures de découverte automatique |
Fonctionnalités avancées de Compétence TanStack Libraries
- Optimisation du moteur Intent : Utilisez
@tanstack/intentpour publier des compétences d'agent via npm avec une découverte automatique native et des routines de détection d'obsolescence. - Orchestration Full-Stack : Lancez des applications full-stack intégrées via TanStack Start, avec un streaming compatible edge et des Server Functions.
- DB réactive côté client : Construisez des applications client complexes en utilisant des index de Collection locaux combinés avec un suivi de requête en direct et des mises à jour optimistes automatiques.
SKILL.md
Chargement
Compétences Openclaw associées
Générateur de Prompts de Storyboard
Un générateur alimenté par l'IA qui transforme les scripts de storyboard d'anime standard en prompts bilingues hautement optimisés pour les personnages, les scènes et les générateurs de vidéos IA.
Hotcoin Research
Une intégration API puissante en lecture seule pour des données de contrats à terme BTC/ETH en temps réel, la découverte de tokens et des rapports de recherche de listing crypto de niveau institutionnel.
Développeur MEGAcmd
Une compétence de développeur spécialisée pour construire, déboguer, tester et contribuer au dépôt MEGAcmd basé sur C++.
Dakaimen Investing Skill
Un cadre de sélection d'actions basé sur les cycles qui identifie les cibles à forte élasticité lors des premières vagues d'attentes et suit les inflexions de performance.
Assistant Marketing Intelligent pour le Secteur Financier
Un assistant de marketing numérique propulsé par AI, conçu sur mesure pour les équipes bancaires et boursières afin de gérer la segmentation, la conception de campagnes multicanaux, la rédaction de contenu ciblé et les optimisations de conversion.
Analyste de Rapports Financiers Bancaires
Un skill d'IA d'analyse financière avancé conçu pour analyser les états financiers des entreprises, exécuter des analyses DuPont et Altman Z-Score, identifier les alertes financières et générer des rapports complets de crédit et d'investissement.
En vedette*
