huggingface-gradio Skill

Source

• Creator: huggingface
• Repository: huggingface/skills
• Skill file: skills/huggingface-gradio/SKILL.md

What it does

Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.

Skill instructions

Gradio Gradio is a Python library for building interactive web UIs and ML demos. This skill covers the core API, patterns, and examples. Guides Detailed guides on specific topics (read these when relevant): - Quickstart - The Interface Class - Blocks and Event Listeners - Controlling Layout - More Blocks Features - Custom CSS and JS - Streaming Outputs - Streaming Inputs - Sharing Your App - Custom HTML Components - Getting Started with the Python Client - Getting Started with the JS Client Core Patterns Interface (high-level): wraps a function with input/output components. python import gradio as gr def greet(name): return f"Hello {name}!" gr.Interface(fn=greet, inputs="text", outputs="text").launch() Blocks (low-level): flexible layout with explicit event wiring. python import gradio as gr with gr.Blocks() as demo: name = gr.Textbox(label="Name") output = gr.Textbox(label="Greeting") btn = gr.Button("Greet") btn.click(fn=lambda n: f"Hello {n}!", inputs=name, outputs=output) demo.laun