Build Gradio web UIs and demos in Python: components, events, chatbots, custom HTML
La référence Gradio de Hugging Face pour agents — patterns Interface/Blocks/ChatInterface, signatures complètes des composants, écouteurs d'événements, composants HTML custom, et la CLI gradio pour Spaces
- Quoi
- La référence Gradio de Hugging Face pour agents — patterns Interface/Blocks/ChatInterface, signatures complètes des composants, écouteurs d'événements, composants HTML custom, et la CLI gradio pour Spaces
- Coût
- Gratuit
- Prérequis
- un projet Python où une interface web ou démo Gradio est nécessaire — le skill est une référence que l'agent consulte, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill Gradio officiel de @huggingface pour agents : une référence API dense et copiable pour construire des interfaces web interactives et des démos ML en Python. Couvre les trois patterns de base — `gr.Interface` (fonction enveloppée de composants entrée/sortie), `gr.Blocks` (layout bas niveau avec câblage d'événements explicite), et `gr.ChatInterface` (interfaces chatbot) — avec les signatures complètes des composants (Textbox, Number, Slider, Checkbox, Dropdown, Radio, Image, Audio, Vidéo, Fichier, Chatbot, Bouton, Markdown, HTML et plus), tous les écouteurs d'événements supportés par composant, les composants HTML custom (html_template, css_template, js_on_load) avec un exemple StarRating complet, et la CLI de prédiction `gradio` (`info` et `predict`) pour découvrir et appeler programmatiquement des endpoints sur Spaces. Pointe vers les guides officiels gradio.app pour approfondir. Bémols honnêtes : une fiche de référence plus qu'un tutoriel — peu de prose, beaucoup de signatures ; les guides longs vers lesquels il renvoie vivent sur gradio.app et peuvent évoluer plus vite que ce fichier ; conçu pour l'API Gradio actuelle. Licence Apache-2.0. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Python où une interface web ou démo Gradio est nécessaire — le skill est une référence que l'agent consulte, pas un logiciel à installer Installe-moi « Construire des interfaces web Gradio en Python : composants, événements, chatbots, HTML custom ». Il donne à mon agent la référence Gradio de @huggingface : les patterns Interface/Blocks/ChatInterface, les signatures complètes des composants, les écouteurs d'événements supportés par composant, la construction de composants HTML custom, et la CLI gradio info/predict pour appeler des endpoints Spaces. Licence Apache-2.0. Dépôt : https://github.com/huggingface/skills/blob/main/skills/huggingface-gradio/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « huggingface-gradio ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer le package gradio dans mon environnement Python ; rien d'autre — c'est une référence). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.