Hugging Face · Nico Martin · Joshua Xenova
Introducing @huggingface/kernels: 200+ WebGPU Kernels for Local AI
Introducing @huggingface/kernels: 200+ WebGPU Kernels for Local AI是Hugging Face的免费文章（en）。前置条件：需要会写基本 JavaScript/ES 模块，并了解张量形状与广播等神经网络基本运算概念。
了解浏览器端 WebGPU kernel 的作用与仓库结构，能安装 @huggingface/kernels 并从 Hub 加载、调用一个 kernel。
- 难度
- 见前置条件
- 类型
- 博客 · 文章
- 语言
- en
- 规模
- 1 个课节
- 内容费用
- 免费
- 动手
- 需要动手环境
使用限制
开课提示词尚未实际运行验证。
- 练习与作业
- 开课提示词尚未实际运行验证
学完你能
- 说明 WebGPU 与 WGSL 在浏览器端推理中的作用，以及为什么 kernel 是性能基础层
- 检查当前浏览器是否支持 WebGPU（"gpu" in navigator）
- 用 npm 安装 @huggingface/kernels@preview 并导入 getKernel
- 调用 getKernel 从 Hub 加载 ai.onnx.Add 并按契约版本执行广播加法
- 读懂一个 kernel 仓库中的 manifest.json、test.json、bench.json 与 *.wgsl.jinja 各自的作用
- 用 Fleet 在本地硬件上运行并查看 kernel 的正确性与性能结果
适合你吗
适合
适合想在浏览器端做 AI 推理、了解 WebGPU kernel 加载与使用时机的开发者，文章给出可直接照做的安装与调用示例。
暂不适合
不适合想系统学习 GPU 编程或 WGSL 语法的人，文章只介绍 kernel 库与仓库结构，不展开 shader 编写教学。
需要先会
需要会写基本 JavaScript/ES 模块，并了解张量形状与广播等神经网络基本运算概念。
课程特点
- 内容侧重
- 按内容目录判断
- 练习与项目
- 按博客的 getKernel 调用模式，尝试把 ai.onnx.Add 换成 ai.onnx.MatMul 并传入相应形状的输入，观察 loader 如何从 manifest 推导输出形状与数据类型。
- 学习时长
- 1 个课节原站未给出统一学习时长；实际用时取决于已有基础。
- 内容费用
- 免费博客正文可直接阅读，安装与代码示例完整，无需登录或付费；页面导航中的 Pricing、PRO 等入口不影响本资源费用。
内容覆盖
- TL;DR
- Why start with kernels?
- A kernel repository, not just a shader
- Loading a kernel from the Hub
- How fast are the kernels?
- From one device to a fleet
- Building a shared foundation for WebAI
常见问题
免费吗？
免费：博客正文可直接阅读，安装与代码示例完整，无需登录或付费；页面导航中的 Pricing、PRO 等入口不影响本资源费用。实践无额外费用：练习只需本地支持 WebGPU 的浏览器和 npm 包，网页未提及需要付费云服务或 API。
需要什么基础？
需要会写基本 JavaScript/ES 模块，并了解张量形状与广播等神经网络基本运算概念。软件、账号与硬件：支持 WebGPU 的浏览器与 Node/npm 环境；无需额外账号或付费服务。
有中文吗？
本站记录的语言是en；是否有中文字幕或译本本站未核实，请以原站为准。
怎么开始？
从原始资源入口开始：https://huggingface.co/blog/webgpu-kernels。本页“学前准备”列出环境与工具，“学习指南”给出开课提示词，可以在自己的电脑上按步骤开始。开课提示词尚未完整验证。练习与作业需要自备：开课提示词尚未实际运行验证。
来源与使用须知
- 原始资源
- Hugging Face
- 收录时间
- 本站首次收录 2026-10-29原站首次发布 2026-09-01
- 指南参考
- 课程主页
版权与转载
- Apache-2.0：代码可自由使用和修改，需保留版权声明。原站说明
- 本站只提供原始链接和学习指南，不转载、不镜像课程材料；引用时请注明原作者与出处。