hugging-face-gradio
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
Profile →npx skills add sickn33/agentic-awesome-skills --skill hugging-face-gradio --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
What it does
Guides the agent to build Gradio web UIs and demos in Python. It targets creating or editing Gradio apps, components, event listeners, layouts, or chatbots, leveraging Gradio's high-level Interface, Blocks, and ChatInterface patterns, plus a broad set of component signatures.
How it works
- Provides an overview of when to use Gradio, emphasizing building interactive UIs and ML demos in Python.
- Describes core patterns: Interface (high-level wrapper), Blocks (low-level flexible layout with explicit event wiring), and ChatInterface (chatbot UIs).
- Presents concrete code examples for Interface, Blocks, and ChatInterface to illustrate usage and wiring between inputs and outputs.
- Lists a wide range of component signatures (Textbox, Number, Slider, Checkbox, Dropdown, Radio, Image, Audio, Video, File, Chatbot, Button, Markdown) with their constructor parameters and meanings, showing how to compose UIs.
- Includes links to guides and topics such as Quickstart, The Interface Class, Blocks and Event Listeners, Controlling Layout, Custom CSS/JS, Streaming, Sharing, Custom HTML Components, and client guides.
When to use it
Use when you need to build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
What it can touch
The skill references Python code usage with the Gradio library and various components and classes (Interface, Blocks, ChatInterface, Textbox, Button, etc.). It does not specify external tools beyond general Gradio usage.
Caveats
Declares risk as critical. License is Apache-2.0. No explicit runtime limitations or licensing caveats beyond the stated risk and license in the file.
# Gradio ## When to Use Use this skill when you need build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots. 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](https://www.gradio.app/guides/quickstart) - [The Interface Class](https://www.gradio.app/guides/the-interface-class) - [Blocks and Event Listeners](https://www.gradio.app/guides/blocks-and-event-listeners) - [Controlling Layout](https://www.gradio.app/guides/controlling-layout) - [More Blocks Features](https://www.gradio.app/guides/more-blocks-features) - [Custom CSS and JS](https://www.gradio.app/guides/custom-CSS-and-JS) - [Streaming Outputs](https://www.gradio.app/guides/streaming-outputs) - [Streaming Inputs](https://www.gradio.app/guides/streaming-inputs) - [Sharing Your App](https://www.gradio.app/guides/sharing-your-app) - [Custom HTML Components](https://www.gradio.app/guides/custom-HTML-components) - [Getting Started with the Python Client](https://www.gradio.app/guides/gett
- When to Use
- Guides
- Core Patterns
- Key Component Signatures
- Custom HTML Components
- Event Listeners
- Prediction CLI
- gradio info — Discover endpoints and parameters
- gradio predict — Send predictions
- Additional Reference
- Limitations
gradio info <space_id_or_url>
gradio info gradio/calculator
gradio predict <space_id_or_url> <endpoint> <json_payload>
Simple numeric prediction
gradio predict gradio/calculator /predict '{"num1": 5, "operation": "multiply", "num2": 3}'
Image generation
gradio predict black-forest-labs/FLUX.2-dev /infer '{"prompt": "A majestic dragon"}'
File upload (must include meta key)
gradio predict gradio/image_mod /predict '{"image": {"path": "/path/to/image.png", "meta": {"_type": "gradio.FileData"}}}'What does the hugging-face-gradio skill do?
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill hugging-face-gradio --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.