HF
huggingface gradio
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
Что делает навык
Gradio — это Python-библиотека для создания интерактивных веб-интерфейсов и демонстраций машинного обучения. Она позволяет оборачивать функции в пользовательский интерфейс, управлять макетами, обрабатывать события и настраивать компоненты ввода/вывода.
Когда применять
- Создание простых веб-приложений с вводом текста и выводом результата через интерфейс Interface.
- Разработка сложных макетов с явной привязкой событий (например, нажатие кнопки) с использованием Blocks.
- Построение интерфейсов для чат-ботов с историей сообщений через ChatInterface.
- Обработка и отображение мультимедиа: изображений, аудио, видео и файлов.
- Настройка пользовательского ввода через слайдеры, выпадающие списки, чекбоксы и текстовые поля.
Как работает
- Импортировать библиотеку gradio и определить функцию обработки данных.
- Выбрать уровень абстракции: использовать Interface для простых задач или Blocks для гибкой верстки.
- Создать компоненты ввода (например, Textbox, Slider, Image) и вывода.
- Связать компоненты с функцией через обработчики событий (например, btn.click) или передать их в Interface.
- Запустить приложение методом .launch() для локального доступа или настроить параметры для шаринга.
- При необходимости добавить кастомный CSS/JS или настроить потоковую передачу (streaming) данных.
Примеры запросов агенту
Создай веб-интерфейс на Gradio, который принимает имя пользователя и выводит приветственное сообщение.
Разработай демо-приложение с использованием Blocks, где слайдер управляет значением, а кнопка обновляет вывод.
Напиши код для чат-бота на Gradio, который принимает сообщение и историю переписки, возвращая ответ пользователю.
Что понадобится
- Python-библиотека gradio
Описание составлено по SKILL.md навыка, сверено 06.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «huggingface-gradio» из репозитория:
# https://github.com/huggingface/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r huggingface-gradio/ ~/.claude/skills/huggingface-gradio/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.