AIKraft/Skills/huggingface gradio

huggingface gradio

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

HFHugging Face official Разработка

Что делает навык

Gradio — это Python-библиотека для создания интерактивных веб-интерфейсов и демонстраций машинного обучения. Она позволяет оборачивать функции в пользовательский интерфейс, управлять макетами, обрабатывать события и настраивать компоненты ввода/вывода.

Когда применять

  • Создание простых веб-приложений с вводом текста и выводом результата через интерфейс Interface.
  • Разработка сложных макетов с явной привязкой событий (например, нажатие кнопки) с использованием Blocks.
  • Построение интерфейсов для чат-ботов с историей сообщений через ChatInterface.
  • Обработка и отображение мультимедиа: изображений, аудио, видео и файлов.
  • Настройка пользовательского ввода через слайдеры, выпадающие списки, чекбоксы и текстовые поля.

Как работает

  1. Импортировать библиотеку gradio и определить функцию обработки данных.
  2. Выбрать уровень абстракции: использовать Interface для простых задач или Blocks для гибкой верстки.
  3. Создать компоненты ввода (например, Textbox, Slider, Image) и вывода.
  4. Связать компоненты с функцией через обработчики событий (например, btn.click) или передать их в Interface.
  5. Запустить приложение методом .launch() для локального доступа или настроить параметры для шаринга.
  6. При необходимости добавить кастомный 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 и совместимые) подхватывает его по описанию и следует шагам.