Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Gradio skill
O Claude cria em poucas linhas uma tela web pra sua função Python, um chatbot ou uma demo de IA, e ainda chama apps prontos do Hugging Face pelo terminal.
- instalações
- 172
- estrelas no GitHub
- 11,2 mil
- No skills.sh desde
- fevereiro de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 23 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
O que ela faz
A skill é do Hugging Face e passa ao Claude a API do Gradio, a biblioteca em Python que transforma uma função numa página web com campos e botões. Ela traz os três jeitos de montar: Interface (função com entrada e saída), Blocks (layout livre, com cada clique ligado a uma ação) e ChatInterface, pra chatbot.
Vem com os parâmetros dos componentes mais usados (caixa de texto, número, controle deslizante, imagem, áudio, vídeo, arquivo, chat, markdown, HTML) e os eventos que cada um dispara. Pra algo que o Gradio não tem pronto, ensina a criar um componente próprio em HTML, como uma nota com estrelas clicáveis.
Também cobre a CLI do Gradio: gradio info mostra o que um app publicado no Hugging Face Spaces recebe e devolve, e gradio predict manda os dados e traz o resultado, como gerar uma imagem num modelo de lá. Pro resto, aponta os guias oficiais de layout, streaming, CSS e compartilhamento.
Nas palavras de quem fez
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
Quando usar
- Pôr uma tela simples na frente de um script Python pra cliente usar
- Fazer a demo de um chatbot pra mostrar numa reunião
- Criar uma ferramenta interna com upload de arquivo e resultado na tela
- Usar um modelo de imagem do Hugging Face Spaces direto do terminal
Depois de instalar, é só pedir assim
- Cria um app em Gradio onde eu subo uma planilha e ele devolve o resumo das vendas
- Faz uma demo de chatbot em Gradio com histórico, usando a função de resposta que já tenho no bot.py
- Usa o gradio predict pra gerar uma imagem no FLUX.2-dev com o prompt 'loja de café minimalista'
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
- SnykAlerta
Perguntas
Como instalar a Gradio 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 Gradio, 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 gradio skill precisa pra funcionar?
De Python e da biblioteca gradio instalada (pip install gradio). O Gradio é gratuito e o app roda no seu computador. Pra um chatbot que responde de verdade, a tela precisa estar ligada a um modelo de IA, com a chave de API dele; a skill cuida da interface. Pra chamar um Space privado pelo gradio predict, precisa de um token da sua conta do Hugging Face.
Roda no Codex e no Antigravity?
Sim. A skill é um guia de código Python e comandos de terminal, sem nada exclusivo do Claude Code.
Ela publica o app na internet?
Não sozinha. A skill cobre montar o app e rodar no seu computador; pra compartilhar ou publicar no Hugging Face Spaces, ela aponta o guia oficial de compartilhamento, que o Claude lê quando precisa.
Levar essa skill
1x gradioR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/huggingface/skills
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorprowler-cloud
react-
O Claude para de escrever React do jeito antigo e entrega componentes mais curtos, que o React Compiler otimiza sozinho.Auditada671 instalações, grátis19 partme-ai
vue3
O Claude escreve seus componentes e telas em Vue 3 consultando resumos do guia e da referência oficiais, em vez de chutar a API de memória.Auditada637 instalações, grátistamagui
tamagui
O Claude escreve componentes Tamagui na sintaxe nova da versão 3, com os tokens e temas do seu projeto, e confere tudo antes de entregar.Auditada594 instalações, grátispproenca
expo
O Claude escreve e revisa o seu app Expo seguindo 54 regras de desempenho, das que mais pesam, como o tempo de abertura, até as de memória.Auditada553 instalações, grátismartinholovsky
tauri
O Claude monta app de desktop pra Windows, Mac e Linux com Tauri, já fechando as brechas de segurança que mais dão problema nesse tipo de programa.Auditada550 instalações, grátiskindy
primevue
O Claude instala a PrimeVue no seu projeto Vue, escolhe o tema e deixa botão, campo, tabela e janela prontos pra usar sem importar um por um.Auditada527 instalações, grátisWix
wix-
O Claude instala os apps do Wix, cadastra produtos e conteúdo de exemplo e liga tudo ao seu site, ou monta o site e publica na hospedagem do Wix.Oficial338 instalações, grátisheadless OpenAI
liquid-
O Claude deixa o seu app de Mac com o vidro nativo do sistema e tira os fundos e barras feitos à mão que brigam com o visual novo do macOS.OficialAuditada78 instalações, grátisglass
Mais da loja Hugging Face
Ver a loja Hugging FaceHugging 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 huggingface-
Explora datasets do Hugging Face pela API Dataset Viewer: metadados, linhas, busca e filtrosOficial2.400 instalações, grátisdatasets huggingface-
Cria interfaces web e demos em Python com Gradio: componentes, eventos, layouts e chatbotsOficialAuditada2.300 instalações, grátisgradio huggingface-
Treina e ajusta modelos de linguagem e visão com TRL ou Unsloth nos Jobs do Hugging FaceOficial2.200 instalações, grátisllm- trainer huggingface-
Lê páginas de artigos do Hugging Face e traz autores, modelos e datasets ligados a cada paperOficial2.200 instalações, grátispapers transformers-
Roda modelos de machine learning direto em JavaScript/TypeScript com Transformers.jsOficialAuditada2.100 instalações, grátisjs huggingface-
Roda avaliações de modelos do Hugging Face Hub com inspect-ai e lighteval em hardware localOficial1.900 instalações, grátiscommunity- evals huggingface-
Escolhe modelos para rodar localmente com llama.cpp e GGUF em CPU, Mac Metal, CUDA ou ROCmOficial1.900 instalações, grátislocal- models huggingface-
Registra e visualiza experimentos de treino de ML com Trackio: métricas, alertas e diagnósticoOficial1.900 instalações, grátistrackio huggingface-
Treina modelos de visão para detectar objetos (D-FINE, RT-DETR v2, YOLOS) e classificar imagensOficialAuditada1.900 instalações, grátisvision- trainer huggingface-
Acha o melhor modelo para uma tarefa consultando os rankings oficiais de benchmark do Hugging FaceOficial1.800 instalações, grátisbest huggingface-
Publica e gerencia artigos de pesquisa no Hugging Face Hub: páginas, vínculo com modelos e autoriaOficial1.700 instalações, grátispaper- publisher