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 个课节
- 内容费用
- 免费
- 动手
- 需要动手环境
使用限制
开课提示词尚未实际运行验证。
- 练习与作业
- 开课提示词尚未实际运行验证
选择学习环境
按你的电脑系统准备;提示词在你自己的电脑上使用。
本机动手
先通读博客正文,理解 kernel 在浏览器推理中的位置,再按文中的安装与调用示例动手加载一个 kernel,最后可用 Fleet 在本机验证结果。
支持 WebGPU 的浏览器与 Node/npm 环境;无需额外账号或付费服务。
准备工具和账号
标“选用”的可以跳过。
- 支持 WebGPU 的浏览器 运行 WebGPU kernel 示例
- Node.js / npm 安装 @huggingface/kernels 包并搭建本地开发环境
- Fleet 浏览器基准工具 选用在本地硬件上运行 kernel 的正确性与性能测试
让 AI Agent 一次搭好课程
复制开课提示词发给你常用的 AI Agent。它会下载允许保存的官方材料、建立课节目录并自检;需要账号、权限或费用时会先问你。
开课提示词 · 只需用一次此提示词尚未实测验证请帮我把「Introducing @huggingface/kernels: 200+ WebGPU Kernels for Local AI」的学习环境一次准备好,让我之后只需要按顺序学习和做练习。 开始前先问我:课程放在哪个目录(等我给出完整路径),确认我的操作系统和已有工具。确认前不要创建文件或安装软件。 课程入口:https://huggingface.co/blog/webgpu-kernels 我的系统:Linux。如果实际不符,先调整方案。 本次路线:Linux:本机动手。只准备这条路线需要的工具;只读路线不安装运行环境、不配置模型密钥。 练习:按博客的 getKernel 调用模式,尝试把 ai.onnx.Add 换成 ai.onnx.MatMul 并传入相应形状的输入,观察 loader 如何从 manifest 推导输出形状与数据类型。 课节(官方顺序): 1. Introducing @huggingface/kernels: 200+ WebGPU Kernels for Local AI:https://huggingface.co/blog/webgpu-kernels 1. 环境 - Node.js 与 npm - 支持 WebGPU 的现代浏览器 - 本地前端项目(用于运行 ES 模块示例) - 安装前先列出要装的软件和命令,等我同意;已装好的直接复用。 2. 材料 - 官方课程页面:只记录链接 https://huggingface.co/blog/webgpu-kernels 3. 目录(最外层放在我确认的位置) hf-webgpu-kernels-intro/ ├── README.md # 课程入口、课节清单、每次怎么开始 ├── progress.md # 每课:读讲义 / 做练习 / 记笔记 ├── questions.md # 待解决的问题 ├── check-env.sh # 环境自检,按 README 操作 ├── data/ # 练习用到的样例数据 └── lessons/ # 每课一个文件夹:notes.md + exercises/ └── 01-01-introducing-huggingface-kernels-200-webgpu/ - 每课文件夹里建 notes.md(顶部写本课官方链接)和 exercises/;课节文件夹名称与上面一致。 - 已有课程目录先检查并复用;不覆盖笔记、作业或 progress.md,不重置已有进度。尚未发布的课节保留入口并注明未发布,不能代写讲义或虚构练习。 4. 自检 - 创建 check-env.sh,逐项检查并记录“通过/未通过”: - 在课程根目录运行;每项检查独立执行,进入子目录不能影响下一项。使用当前系统的终端运行。 - 在浏览器控制台执行 "gpu" in navigator → 返回 true - 检查 package.json 中的 dependencies 是否含 @huggingface/kernels → 包含 @huggingface/kernels(preview 版本) - 打开 https://huggingface.co/webgpu-kernels/ai.onnx.Add → 能看到该 kernel 的 card、manifest、测试与基准用例说明 - 标注为人工检查、浏览器操作或 notebook 单元的项目,按相应方式操作,不直接粘贴进 shell;脚本只包含当前系统可执行的命令。 - 仅在当前路线需要、对应材料已获准保存、工具已安装时运行该项;需要登录、付费或尚未开放的材料记为“需要我操作/未验证”,不能伪报通过。不执行会调用付费 API、提交作业或修改云服务的检查。 - 运行一次,把结果给我看;未通过的项目说明原因和修复办法。 5. 学习计划 - README.md:课程入口、课节清单(带链接)、每次学习怎么开始(使用“每课提示词”)。 - progress.md:每课三项勾选——读讲义、做练习、记笔记。 6. 最后分三部分汇报:已完成、需要我自己操作的、尚未验证的。 边界: - 需要管理员权限、会产生费用或需要填写密钥的操作,先告诉我原因,等我同意。密钥由我在本机配置,不发到聊天,不写进笔记或版本库;原项目需要 .env 时确认已被 Git 忽略。 - 不替我写练习或作业答案,也不替我提交。我卡住时只给提示;我明确要求时才给解答。 - 只下载许可允许个人保存的材料;其余只放链接。不把未运行的命令说成成功。 如果你不能直接操作我的文件系统,请在确认目录后给出适用于我的系统、可直接执行的命令和需要保存的文件内容。搭好后的课程目录
hf-webgpu-kernels-intro/ ├── README.md # 课程入口、课节清单、每次怎么开始 ├── progress.md # 每课:读讲义 / 做练习 / 记笔记 ├── questions.md # 待解决的问题 ├── check-env.sh # 环境自检,按 README 操作 ├── data/ # 练习用到的样例数据 └── lessons/ # 每课一个文件夹:notes.md + exercises/ └── 01-01-introducing-huggingface-kernels-200-webgpu/
常见问题
免费吗?
免费:博客正文可直接阅读,安装与代码示例完整,无需登录或付费;页面导航中的 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:代码可自由使用和修改,需保留版权声明。原站说明
- 本站只提供原始链接和学习指南,不转载、不镜像课程材料;引用时请注明原作者与出处。