gemma-gem-browser-ai — скилл для Claude Code: обзор и установка
Скилл учит разрабатывать и дополнять Gemma Gem — расширение Chrome с локальной моделью Gemma 4 через WebGPU без обращения к внешним серверам.
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a claude-codeЧто делает gemma-gem-browser-ai
Скилл помогает создавать и развивать браузерное расширение Gemma Gem. Оно выполняет модель Google Gemma 4 прямо на компьютере пользователя через WebGPU. Расширение открывает чат поверх страниц, умеет читать разметку и заполнять поля ввода без передачи данных в облако.
Архитектура разделена на три слоя. Offscreen-документ запускает ONNX-модель с помощью библиотеки @huggingface/transformers и ведёт агентский цикл. Фоновый сервис-воркер пересылает сообщения между компонентами, а контентный скрипт внедряет чат в теневой DOM и управляет браузерной страницей.
Для сборки понадобятся Node.js 18+ и менеджер пакетов pnpm. Первый запуск чата потребует загрузки весов: базовой версии на ~500 МБ или старшей на ~1.5 ГБ, поэтому интернет нужен хотя бы для первичного кэширования.
Какие задачи решает
- собрать расширение Chrome для автономного запуска Gemma 4 через WebGPU
- добавить новый инструмент для взаимодействия с DOM или сервис-воркером
- настроить локальный агентский цикл с вызовом функций без сторонних API
- упаковать проект в тестовую или релизную сборку через pnpm
Примеры запросов агенту
- Помоги добавить в Gemma Gem инструмент для клика по селекторам
- Как собрать dev-версию расширения Gemma Gem и подключить её в Chrome?
- Напиши схему и обработчик для вызова нового инструмента в content script
Как установить gemma-gem-browser-ai
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a claude-code2Вручную: положить файлы
~/.claude/skills/gemma-gem-browser-ai/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/gemma-gem-browser-ai/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a codex2Вручную: положить файлы
.agents/skills/gemma-gem-browser-ai/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a cursor2Вручную: положить файлы
.cursor/skills/gemma-gem-browser-ai/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills gemma-gem-browser-ai2Вручную: положить файлы
.github/skills/gemma-gem-browser-ai/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/gemma-gem-browser-aiВручную: положить файлы
.devin/skills/gemma-gem-browser-ai/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о gemma-gem-browser-ai
Как установить gemma-gem-browser-ai в Claude Code?
Выполните команду npx skills add reason-machines/trending-skills --skill gemma-gem-browser-ai -a claude-code. Агент также найдёт инструкцию в ~/.claude/skills/gemma-gem-browser-ai/SKILL.md.
Какие системные требования нужны для сборки проекта?
Потребуются среда Node.js 18+ и менеджер пакетов pnpm. Браузер должен поддерживать WebGPU для запуска инференса.
Откуда загружается модель Gemma 4 и сколько места она занимает?
Файлы скачиваются автоматически при первом открытии чата и сохраняются в кэше браузера. Версия onnx-community/gemma-4-E2B-it-ONNX занимает около 500 МБ, а onnx-community/gemma-4-E4B-it-ONNX — около 1.5 ГБ.
