Un recurso integral para desarrolladores que permite utilizar bibliotecas TanStack headless, type-safe y agnósticas a frameworks en aplicaciones Web modernas.
Instalar y Descargar
1. ClawHub CLI
La forma más rápida de instalar una habilidad directamente desde el registro.
npx clawhub@latest install tanstack-libraries
2. Instalación manual
Copia la carpeta de la habilidad a una de estas ubicaciones
~/.openclaw/skills/ <project>/skills/ Prioridad: Espacio de trabajo > Local > Integrado
3. Instalación del prompt
Copia este prompt en OpenClaw para instalarlo automáticamente.
Ayúdame a instalar tanstack-libraries usando Clawhub. Si Clawhub no está instalado, instálalo primero (npm i -g clawhub).
¿Prefieres descargar?
Obtén los archivos originales de la habilidad en un archivo ZIP.
¿Qué es Habilidad TanStack Libraries?
La habilidad TanStack Libraries proporciona un plano exhaustivo y una base de conocimientos para usar la colección de soluciones de herramientas Web de alto rendimiento de TanStack. Estas bibliotecas son totalmente headless, otorgando a los desarrolladores un control total sobre el marcado y el estilo de la UI mientras se encargan de las tareas pesadas bajo el capó, como la sincronización de estado, el enrutamiento, la virtualización de datos y la renderización en el lado del servidor (SSR).
Diseñada con estrictos principios de agnosticismo de framework, cada biblioteca desacopla la funcionalidad principal en un motor JavaScript independiente antes de ofrecer adaptadores de framework para React, Vue, Solid, Svelte, Angular y más. Este diseño ofrece sistemas ligeros, tree-shakeable y type-safe que eliminan el vendor lock-in para los equipos de ingeniería modernos que adoptan Openclaw Skills.
Casos de uso de Habilidad TanStack Libraries
- Construcción de aplicaciones Web escalables y de alto rendimiento con arquitectura de UI headless de dependencia cero.
- Gestión fluida de operaciones asincrónicas, caché de servidor complejo anidado y mutaciones optimistas.
- Implementación de SSR full-stack, streaming y enrutamiento type-safe utilizando configuraciones de framework de vanguardia.
- Mejora de los flujos de trabajo de agentes con mecanismos de descubrimiento automático y publicación utilizando herramientas CLI dedicadas.
Cómo funciona Habilidad TanStack Libraries
- Desacoplamiento de núcleo: La arquitectura aísla la lógica operativa dentro de paquetes principales (
@tanstack/query-core,@tanstack/table-core, etc.). - Conexión de adaptador: Los desarrolladores mapean la funcionalidad a frameworks específicos utilizando adaptadores de tiempo de ejecución ligeros y optimizados.
- Propagación de tipos: La inferencia de TypeScript ofrece seguridad de tipo profunda desde los modelos de base de datos hasta los loaders y campos de UI.
- Descubrimiento de capacidades: Openclaw Skills aprovecha utilidades especializadas como la CLI y el Intent engine para orquestar herramientas locales y registrar configuraciones modernas.
Configuración de Habilidad TanStack Libraries
Para iniciar y configurar las bibliotecas TanStack estándar dentro del ecosistema de tu proyecto, instala el adaptador de framework específico necesario para tu stack a través de tu gestor de paquetes:
# Instala los adaptadores de framework principales según tu elección de biblioteca
pnpm add @tanstack/react-query
pnpm add @tanstack/react-router
pnpm add @tanstack/react-table
# Para inicializar configuraciones de scaffolding modernas vía CLI
pnpm add -D @tanstack/cli
Esquema de datos y taxonomía de Habilidad TanStack Libraries
La habilidad gestiona información en cuatro dominios técnicos principales, estructurados de la siguiente manera:
| Dominio de madurez | Bibliotecas incluidas | Objetivo operativo |
|---|---|---|
| Estable (Stable) | Query, Router, Table, Virtual, Config | Motores de herramientas Web maduros y listos para producción |
| RC & Nuevo | Start, Form | Arquitecturas de renderizado full-stack y matrices de validación de entrada |
| Beta | DB, Pacer, Store | Capas de almacenamiento de cliente reactivo y mecanismos de limitación de tasa optimizados |
| Alpha | AI, Hotkeys, Devtools, CLI, Intent | SDKs de múltiples proveedores de agentes, seguimiento de teclas de acceso rápido y estructuras de descubrimiento automático |
Funciones avanzadas de Habilidad TanStack Libraries
- Optimización del Intent Engine: Usa
@tanstack/intentpara publicar habilidades de agente vía npm con descubrimiento automático nativo y rutinas de detección de obsolescencia. - Orquestación Full-Stack: Pon en marcha aplicaciones full-stack integradas a través de TanStack Start, con streaming compatible con edge y Server Functions.
- DB Reactiva del lado del cliente: Crea aplicaciones de cliente complejas usando índices de Collection locales combinados con seguimiento de consultas en vivo y actualizaciones optimistas automáticas.
SKILL.md
Cargando
Habilidades relacionadas de Openclaw
Generador de Prompts de Storyboard
Un generador impulsado por IA que transforma guiones de storyboard de anime estándar en prompts bilingües altamente optimizados para personajes, escenas y generadores de video de IA.
Hotcoin Research
Una potente integración de API de solo lectura para datos de futuros BTC/ETH en tiempo real, descubrimiento de tokens e informes de investigación de listado de criptomonedas de nivel institucional.
Desarrollador MEGAcmd
Una skill de desarrollador especializada para construir, depurar, probar y contribuir al repositorio MEGAcmd basado en C++.
Dakaimen Investing Skill
Un marco de selección de acciones basado en ciclos que identifica objetivos de alta elasticidad durante las olas iniciales de expectativas y realiza un seguimiento de las inflexiones de rendimiento.
Asistente de Marketing Inteligente para el Sector Financiero
Un asistente de marketing digital impulsado por AI, diseñado a medida para equipos de banca y valores para gestionar la segmentación, el diseño de campañas multicanal, la redacción de contenidos específicos y las optimizaciones de conversión.
Analista de Informes Financieros Bancarios
Una función avanzada de IA para el análisis financiero diseñada para examinar estados corporativos, ejecutar análisis DuPont y Altman Z-Score, identificar señales de alerta financieras y generar informes integrales de crédito e inversión.
Presentado*
