native-data-fetching
Ajuda seu agente a buscar dados pela internet ou APIs. Ele lida com erros, cache e como os dados são carregados.
O que ela faz
Esta ferramenta ajuda você a conectar seu aplicativo à internet para buscar ou enviar informações. Ela cobre desde o básico de como fazer uma chamada até como lidar com problemas de rede e guardar dados para usar sem internet.
Quando usar
- ✓Quando você precisa buscar dados de um site ou serviço.
- ✓Se sua aplicação precisa funcionar mesmo sem conexão com a internet.
- ✓Para resolver problemas quando os dados não estão sendo carregados corretamente.
Exemplo do que pedir para a IA
“Como faço para buscar informações de uma API em meu aplicativo?”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ela funciona guiando você sobre as melhores formas de fazer requisições de rede, como usar bibliotecas populares para buscar dados e como configurar o aplicativo para que ele funcione bem em diferentes situações de rede.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill native-data-fetchingOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/native-data-fetching/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Rede Expo
Você DEVE usar esta habilidade para QUALQUER trabalho de rede, incluindo requisições de API, busca de dados, cache ou depuração de rede.
Guia Detalhado
Leia o guia detalhado antes de executar esta habilidade. Ele contém o procedimento completo e o material de referência. Trate seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para trabalhos focados, carregue as seções relevantes; para trabalhos de ponta a ponta, leia o guia completamente.
Quando Usar
Use esta habilidade quando:
- Implementando requisições de API
- Configurando busca de dados (React Query, SWR)
- Usando carregadores de dados do Expo Router (
useLoaderData, SDK web 55+) - Depurando falhas de rede
- Implementando estratégias de cache
- Lidando com cenários offline
- Gerenciamento de autenticação/tokens
- Configurando URLs de API e variáveis de ambiente
Exemplos de Invocações
Usuário: "Como faço chamadas de API no React Native?" -> Use fetch, envolva com tratamento de erros
Usuário: "Devo usar React Query ou SWR?" -> React Query para aplicativos complexos, SWR para necessidades mais simples
Usuário: "Meu aplicativo precisa funcionar offline" -> Use NetInfo para status, persistência do React Query para cache
Usuário: "Como gerencio tokens de autenticação?" -> Armazene no expo-secure-store, implemente fluxo de atualização
Usuário: "As chamadas de API estão lentas" -> Verifique a estratégia de cache, use React Query staleTime Usuário: "Como configuro URLs de API diferentes para desenvolvimento e produção?" -> Use variáveis de ambiente EXPOPUBLIC com arquivos .env.development e .env.production Usuário: "Onde devo colocar minha chave de API?" -> Chaves seguras para o cliente: EXPOPUBLIC em .env. Chaves secretas: variáveis de ambiente sem prefixo apenas em rotas de API
Usuário: "Como carrego dados para uma página no Expo Router?" -> Veja references/expo-router-loaders.md para carregadores em nível de rota (web, SDK 55+). Para nativo, use React Query ou fetch.
Limitações
- Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo de seu produto ou API upstream.
- Verifique comandos, comportamento da API, preços, cotas, credenciais e efeitos de implantação contra a documentação oficial atual antes de fazer alterações.
- Não trate exemplos gerados como substitutos para testes específicos do ambiente, revisão de segurança ou aprovação do usuário para ações destrutivas ou custosas.
Perguntas frequentes
O que são 'API requests'?
São como pedidos que seu aplicativo faz para outros serviços na internet para obter ou enviar informações.
Por que é importante lidar com erros de rede?
Para que seu aplicativo não trave ou mostre mensagens confusas se a conexão falhar, oferecendo uma experiência melhor para o usuário.
O que é 'caching'?
É guardar temporariamente informações que já foram buscadas para que o aplicativo possa acessá-las mais rápido da próxima vez, sem precisar buscá-las novamente na internet.
Detalhes
Descrição original do autor
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3666
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
api-connector-builder
Faz seu agente construir novas conexões com APIs seguindo o padrão já existente. Use quando precisar adicionar mais uma integração sem criar um novo jeito de fazer.
affaan-m/ECC
api-design
Ajuda seu agente a projetar APIs REST seguindo as melhores práticas. É útil para definir como as APIs se comunicam, como os erros são mostrados e como organizar os dados.
affaan-m/ECC
backend-patterns
Ajuda seu agente com padrões de arquitetura do lado do servidor e otimização de banco de dados. É útil para construir ou revisar o código que roda no servidor.
affaan-m/ECC