Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Tanstack AI skill
O Claude monta chat, resposta em streaming, ferramentas com aprovação e saída estruturada no seu app, trocando de provedor de IA sem reescrever o código.
- instalações
- 1.600
- estrelas no GitHub
- 36
- No skills.sh desde
- fevereiro de 2026
- Licença
- MIT
Atualizada no GitHub em 31 de janeiro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill é a referência do TanStack AI, um kit pra pôr IA dentro de um app que funciona com vários provedores: OpenAI, Anthropic, Gemini e Ollama, cada um num adaptador separado. Dá pra trocar de provedor por uma variável, sem reescrever o resto. Tem versão pra TypeScript, PHP e Python.
Com ela, o Claude gera texto em streaming, monta a tela de chat com os hooks useChat e useCompletion no React (ou no Solid, ou sem framework), recebe a resposta no formato de um esquema Zod e chama ferramentas, inclusive com aprovação humana antes de ação perigosa, como apagar um usuário.
Cobre também imagem na entrada, geração de imagem com DALL-E e Imagen, modelos que raciocinam, limite de voltas pro agente não rodar sem fim, eventos pra depuração e um painel de devtools com uso de tokens. E insiste em deixar a chave de API no servidor, nunca no navegador.
Nas palavras de quem fez
Provider-agnostic, type-safe AI SDK for streaming, tool calling, structured output, and multimodal content.
Quando usar
- Pôr um chat de atendimento com IA dentro do seu site ou app
- Extrair dados de um texto pra um formato fixo, como uma ficha de lead
- Criar um agente que usa ferramentas e pede aprovação antes de agir
- Testar o mesmo recurso com OpenAI e com Claude e comparar
Depois de instalar, é só pedir assim
- Cria uma página de chat em React com TanStack AI usando o Claude, com a chave guardada no servidor
- Faz uma rota que lê a mensagem do lead e devolve nome, telefone e interesse num esquema Zod
- Adiciona uma ferramenta de cancelar pedido que só roda depois que eu aprovar
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Tanstack AI no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Tanstack AI, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O que a tanstack-ai skill precisa pra funcionar?
De um projeto em JavaScript/TypeScript, PHP ou Python e da chave de API do provedor escolhido (OpenAI, Anthropic ou Gemini), que cobra pelo uso. Com o Ollama, o modelo roda no seu computador e não precisa de chave.
Roda no Codex e no Antigravity?
Roda: é um SKILL.md de referência com exemplos de código, que qualquer agente que lê skills consegue usar.
O TanStack AI já está pronto pra produção?
A própria skill marca o TanStack AI como alfa, ou seja, ainda em desenvolvimento e sujeito a mudança. Ela ensina o Claude a escrever o código com ele; não é um chat pronto pra instalar.
Levar essa skill
1x tanstack-aiR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/tanstack-skills/tanstack-skills
Aprenda a usar
- Modelos do Claude: Opus 5.5 vs Sonnet 5.5 e Haiku
Comparativo entre Claude Opus 5.5, Sonnet 5.5, Haiku 5.5 e Fable 5.1: diferenças de raciocínio, gasto da janela de 5 horas, planos e como trocar no /model.
Na mesma prateleira
Ver as 1.035 skills do corredorgiuseppe-trisciuoglio
qdrant
O Claude coloca busca por significado no seu sistema Java: guarda os textos como vetores no Qdrant e acha os mais parecidos com a pergunta.Auditada3.700 instalações, grátisHugging Face
hf-
O Claude baixa modelos, sobe arquivos, consulta datasets e cuida dos seus Spaces no Hugging Face com os comandos certos, sem você decorar nenhum.Oficial3.400 instalações, grátiscli mrgoonie
sequential-
Pra problema enrolado, o agente pensa em etapas, volta e corrige uma conclusão errada e testa outro caminho antes de responder.Auditada1.800 instalações, grátisthinking GitHub
semantic-
O agente escreve e revisa código do Semantic Kernel seguindo a documentação atual da Microsoft, em C# ou Python, conforme o seu projeto.OficialAuditada1.700 instalações, grátiskernel aiwithremy
llm-
Você leva uma decisão difícil e volta com onde os conselheiros concordam, onde brigam, uma recomendação clara e o primeiro passo.1.400 instalações, grátiscouncil johnlindquist
gemini-
Você passa um print e recebe o texto extraído, o erro explicado, o relatório de bug ou o código da tela, pela visão do Gemini.Auditada1.200 instalações, grátisimage mindrally
pytorch
O Claude escreve treino, ajuste fino e demo de modelo em PyTorch seguindo as práticas de quem trabalha com deep learning, do DataLoader ao Gradio.Auditada841 instalações, grátisshaivpidadi
freeride
Seu agente no OpenClaw roda com o melhor modelo grátis do OpenRouter e troca sozinho pra outro quando bate no limite de uso.781 instalações, grátis
Mais da loja tanstack-skills
Ver a loja tanstack-skillstanstack-skills
tanstack-
O Claude monta a busca e o cache de dados do seu app React com TanStack Query v5, com recarga, paginação e atualização otimista no lugar certo.Auditada9.900 instalações, grátisquery tanstack-
O Claude monta a tabela do seu sistema com filtro, ordenação, paginação e seleção de linhas, sem engessar o visual que você já tem.Auditada5.400 instalações, grátistable tanstack-
O Claude monta as rotas do seu app React com o TanStack Router evitando os erros comuns de tipo, dado velho na tela e página protegida piscando.Auditada4.900 instalações, grátisrouter tanstack-
O Claude monta cadastro, checkout e formulário de lead que validam cada campo enquanto a pessoa digita e só deixam enviar quando está tudo certo.Auditada4.300 instalações, grátisform tanstack-
Oferece debounce, throttle, limite de taxa, fila e lote independentes de framework com o TanStack PacerAuditada3.900 instalações, grátispacer tanstack-
O Claude monta o seu app React com TanStack Start do jeito certo: páginas renderizadas no servidor, login nas rotas e deploy onde você hospeda.Auditada3.900 instalações, grátisstart tanstack-
Cria listas grandes virtualizadas a 60 fps em TS/JS, React, Vue, Solid, Svelte, Lit e AngularAuditada2.500 instalações, grátisvirtual tanstack-
Configura o painel de devtools extensível do TanStack para Query, Router e outras bibliotecasAuditada2.300 instalações, grátisdevtools tanstack-
Usa o TanStack Store, armazenamento reativo com adaptadores para React, Vue, Solid, Angular e SvelteAuditada1.800 instalações, grátisstore tanstack-
Cria projetos TanStack Start pela CLI, com mais de 30 integrações, templates próprios e servidor MCPAuditada1.700 instalações, grátiscli tanstack-
Configura build, ESLint e publicação com versionamento semântico para pacotes JavaScript e TypeScriptAuditada1.500 instalações, grátisconfig tanstack-
Fornece utilitários sem estilo pra sliders de intervalo em React, Vue, Solid, Svelte e AngularAuditada1.300 instalações, grátisranger