Um recurso abrangente para desenvolvedores utilizarem bibliotecas TanStack headless, type-safe e agnósticas a framework em aplicações Web modernas.
Instalar e Baixar
1. ClawHub CLI
A maneira mais rápida de instalar uma habilidade diretamente do registro.
npx clawhub@latest install tanstack-libraries
2. Instalação Manual
Copie a pasta da habilidade para um desses locais
~/.openclaw/skills/ <project>/skills/ Prioridade: Espaço de Trabalho > Local > Integrado
3. Instalação do Prompt
Copie este prompt para o OpenClaw para instalá-lo automaticamente.
Ajude-me a instalar o tanstack-libraries usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).
Prefere baixar?
Obtenha os arquivos originais da habilidade em um arquivo ZIP.
O que é Habilidade TanStack Libraries?
A habilidade TanStack Libraries fornece um blueprint exaustivo e uma base de conhecimento para usar a coleção de soluções de ferramentas Web de alta performance da TanStack. Essas bibliotecas são totalmente headless, concedendo aos desenvolvedores controle total sobre o markup e estilização da UI, enquanto cuidam de tarefas pesadas nos bastidores, como sincronização de estado, roteamento, virtualização de dados e renderização no lado do servidor (SSR).
Projetada com princípios rigorosos de agnosticismo de framework, cada biblioteca desacopla a funcionalidade principal em um motor JavaScript independente antes de oferecer adaptadores de framework para React, Vue, Solid, Svelte, Angular e outros. Esse layout oferece sistemas leves, tree-shakeable e type-safe que eliminam o lock-in de fornecedores para equipes de engenharia modernas que adotam o Openclaw Skills.
Casos de uso do Habilidade TanStack Libraries
- Construção de aplicações Web escaláveis e de alta performance com arquitetura de UI headless de dependência zero.
- Gerenciamento contínuo de operações assíncronas, cache de servidor complexo e aninhado, e mutações otimistas.
- Implementação de SSR full-stack, streaming e roteamento type-safe usando configurações de framework de ponta.
- Melhoria de fluxos de trabalho de agentes com mecanismos de descoberta automática e publicação utilizando ferramentas CLI dedicadas.
Como o Habilidade TanStack Libraries funciona
- Desacoplamento de Núcleo: A arquitetura isola a lógica operacional dentro de pacotes principais (
@tanstack/query-core,@tanstack/table-core, etc.). - Conexão de Adaptador: Desenvolvedores mapeiam a funcionalidade para frameworks específicos usando adaptadores de tempo de execução leves e otimizados.
- Propagação de Tipo: A inferência de TypeScript oferece segurança de tipo profunda desde modelos de banco de dados até loaders e campos de UI.
- Descoberta de Capacidade: O Openclaw Skills utiliza utilitários especializados como a CLI e o Intent engine para orquestrar ferramentas locais e registrar configurações modernas.
Configuração do Habilidade TanStack Libraries
Para iniciar e configurar bibliotecas TanStack padrão dentro do ecossistema do seu projeto, instale o adaptador de framework específico necessário para sua stack através do seu gerenciador de pacotes:
# Instale adaptadores de framework principais dependendo da sua escolha de biblioteca
pnpm add @tanstack/react-query
pnpm add @tanstack/react-router
pnpm add @tanstack/react-table
# Para inicializar configurações de scaffolding modernas via CLI
pnpm add -D @tanstack/cli
Esquema de Dados e Taxonomia de Habilidade TanStack Libraries
A habilidade gerencia informações em quatro domínios técnicos principais, estruturados da seguinte forma:
| Domínio de Maturidade | Bibliotecas Incluídas | Alvo Operacional |
|---|---|---|
| Estável (Stable) | Query, Router, Table, Virtual, Config | Motores de ferramentas Web maduros e prontos para produção |
| RC & Novo | Start, Form | Arquiteturas de renderização full-stack e matrizes de validação de entrada |
| Beta | DB, Pacer, Store | Camadas de armazenamento de cliente reativas e mecanismos de limitação de taxa otimizados |
| Alpha | AI, Hotkeys, Devtools, CLI, Intent | SDKs de múltiplos provedores de agente, rastreamento de teclas de atalho e estruturas de descoberta automática |
Recursos avançados do Habilidade TanStack Libraries
- Otimização do Intent Engine: Use o
@tanstack/intentpara publicar habilidades de agente via npm com descoberta automática nativa e rotinas de detecção de obsolescência. - Orquestração Full-Stack: Inicie aplicações full-stack integradas através do TanStack Start com streaming amigável a edge e Server Functions.
- DB Reativo do Lado do Cliente: Construa aplicações de cliente complexas usando índices de Collection locais combinados com rastreamento de consulta ao vivo e atualizações otimistas automáticas.
SKILL.md
Carregamento
Habilidades relacionadas do Openclaw
Gerador de Prompts de Storyboard
Um gerador alimentado por IA que transforma roteiros de storyboard de anime padrão em prompts bilíngues altamente otimizados para personagens, cenas e geradores de vídeo de IA.
Hotcoin Research
Uma integração API poderosa e somente leitura para dados de futuros BTC/ETH em tempo real, descoberta de tokens e relatórios de pesquisa de listagem de criptomoedas de nível institucional.
Desenvolvedor MEGAcmd
Uma skill de desenvolvedor especializada para construir, depurar, testar e contribuir para o repositório MEGAcmd baseado em C++.
Dakaimen Investing Skill
Um ecossistema de seleção de ações baseado em ciclos que identifica alvos de alta elasticidade durante as ondas iniciais de expectativa e rastreia inflexões de desempenho.
Assistente de Marketing Inteligente para o Setor Financeiro
Um assistente de marketing digital baseado em AI, criado sob medida para equipes de bancos e corretoras gerenciarem segmentação, design de campanhas multicanais, redação de conteúdo direcionado e otimizações de conversão.
Analista de Relatórios Financeiros Bancários
Uma skill avançada de IA para análise financeira, projetada para analisar demonstrações corporativas, executar análises DuPont e Altman Z-Score, identificar sinais de alerta financeiros e gerar relatórios abrangentes de crédito e investimento.
Apresentou*
