huggingface-gradio · 制作可交互的模型演示界面

作者提供的示例，实际效果取决于你的输入和使用工具。

输入

编辑构造材料（未运行）：
函数用途：去掉文本首尾空格；单个文本框输入，输出清理后的字符串；只在本机运行，不创建公开链接。

输出

编辑示例 · 未运行

import gradio as gr

def clean_text(text: str) -> str:
    return text.strip()

demo = gr.Interface(
    fn=clean_text,
    inputs=gr.Textbox(label="原始文本"),
    outputs=gr.Textbox(label="清理结果"),
)
demo.launch(server_name="127.0.0.1", share=False)

用 Gradio 组件、事件和布局构建 Python Web 演示或聊天界面。

具体任务

给一个文本函数加上可操作界面：用 Gradio 组件、事件和布局构建 Python Web 演示或聊天界面。

必需材料

Python 函数签名及输入输出约定

页面字段、按钮和错误提示要求

可选材料

现有 Gradio 版本

布局或样式参考

使用门槛

会运行 Python，知道自己的函数是否联网或修改数据。

这个 Skill 额外提供的方法

简单函数选 Interface；复杂布局与多事件选 Blocks，并让组件与函数参数一一对应。

编辑示例（未运行）

给一个文本函数加上可操作界面

任务：给一个文本函数加上可操作界面

输入：
编辑构造材料（未运行）：
函数用途：去掉文本首尾空格；单个文本框输入，输出清理后的字符串；只在本机运行，不创建公开链接。

结果片段：
```python
import gradio as gr

def clean_text(text: str) -> str:
    return text.strip()

demo = gr.Interface(
    fn=clean_text,
    inputs=gr.Textbox(label="原始文本"),
    outputs=gr.Textbox(label="清理结果"),
)
demo.launch(server_name="127.0.0.1", share=False)
```

这是依据固定入口方法撰写的编辑示例，没有运行上游 Skill 或访问真实账号。简单函数选 Interface；复杂布局与多事件选 Blocks，并让组件与函数参数一一对应。

首次任务

请使用已安装的 huggingface-gradio Skill。
任务：给一个文本函数加上可操作界面。

我的必需材料：
- Python 函数签名及输入输出约定：[粘贴我的实际材料或路径；缺少时写明]
- 页面字段、按钮和错误提示要求：[粘贴我的实际材料或路径；缺少时写明]

可选补充：
- 现有 Gradio 版本：[可选，未提供时不要假定存在]
- 布局或样式参考：[可选，未提供时不要假定存在]

请先确认材料是否足够，只处理我提供的范围。界面只是函数入口；公开分享或托管另行确认，不能把本地 demo 自动视为生产服务。交付可直接审阅的代码或查询片段，明确尚未执行或验证的部分。不要代入页面例子的虚构数据。
验收：
1. 组件数量和函数参数、返回值对应。
2. 空输入和代表性文本都能得到预期结果。
3. 监听地址与 share 设置符合访问要求。

验收方法

组件数量和函数参数、返回值对应。

空输入和代表性文本都能得到预期结果。

监听地址与 share 设置符合访问要求。

依赖与准备

需要完整 Skill 目录及随附资源。需要 Python、Gradio 和函数自身依赖；完整目录含组件、事件、Blocks 等指南。部署到 Spaces 时另需账户与运行配额。

使用边界

界面只是函数入口；公开分享或托管另行确认，不能把本地 demo 自动视为生产服务。

需要 Python 和 Gradio；公开分享、远端部署及外部 API 调用另行确认。

页面中的例子为编辑撰写，未运行上游 Skill；不代表平台兼容认证或生产实测。

排错

按钮执行后报参数数量错误：对照事件 inputs/outputs 与函数签名逐项校正。

页面能开但模型不工作：独立检查函数和模型依赖，区分 UI 与后端错误。

固定来源

https://github.com/huggingface/skills/blob/80f9fa530e46f4ae642fcb9e1725bad0e1979395/skills/huggingface-gradio/SKILL.md

许可

Apache-2.0。许可原文：https://github.com/huggingface/skills/blob/80f9fa530e46f4ae642fcb9e1725bad0e1979395/LICENSE

仓库热度

huggingface/skills 仓库 11,117 Stars（2026-09-30 核验）；这是父仓库指标，不是单个 Skill 的评分。

先看看示例

输入

输出

方法说明