huggingface-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 waybarrios/opencode-power-pack --skill huggingface-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 work with Gradio, a Python library for building interactive web UIs and ML demos. It covers core API usage, patterns, and examples to create interfaces, blocks, and chat interfaces.
How it works
Describes high-level patterns:
- Interface: wrap a function with input/output components and launch the app.
- Blocks: manage flexible layouts with explicit event wiring.
- ChatInterface: high-level chatbot UI wrapper. Provides code examples for Interface, Blocks, and ChatInterface usage, including creating Textbox, Button, and greeting logic, plus launching the UI. It lists core components and their signatures and demonstrates typical wiring (e.g., btn.click with inputs and outputs).
When to use it
Use when you are creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
What it can touch
It references the Gradio library and components such as Interface, Blocks, ChatInterface, Textbox, and Button, and shows code samples that import gradio as gr. It does not specify external tools beyond Gradio itself.
Caveats
No explicit licensing or risk statements are provided within the material beyond general Gradio usage guidance.
# 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](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/getting-started-with-the-python-client) - [Getting Started with the JS Client](https://www.gradio.app/guides/getting-started-with-the-js-client) ## Core Patterns **Interface** (high-l
- 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
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 huggingface-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 waybarrios/opencode-power-pack --skill huggingface-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 waybarrios/opencode-power-pack, a repository with 443 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.