Gerillass — скилл
Библиотека миксинов Sass с манифестом аргументов и скиллом, по которым агент пишет SCSS без угадывания
- 171 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл только объясняет агенту API библиотеки, но агент будет менять ваши файлы стилей
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/gerillassОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл только объясняет агенту API библиотеки, но агент будет менять ваши файлы стилей
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Gerillass это библиотека из 55 миксинов и 24 функций Sass, которые выдают CSS по смысловым объявлениям. Рантайма и утилитарных классов нет, стили остаются в вашей таблице, а разметка чистой. Пакет `gerillass` ставится через npm, подключается строкой `@use 'gerillass' as *;` и работает в Vite, webpack, Parcel, Next.js, Angular, Gulp и Grunt. Для Ruby есть гем под Rails и Jekyll. Для агентов в пакете лежат два файла. `gerillass.json` описывает каждый миксин и функцию: сигнатуру, допустимые значения аргументов, примеры, которые компилируются, и входы, которые библиотека отвергает. `SKILL.md` сгенерирован из этого манифеста и объясняет подключение, каталог и формы аргументов, на которых чаще ошибаются. Его копируют в `.claude/skills/gerillass/`, после чего агент подтягивает скилл при работе с SCSS. Автор проверяет документацию тестами. Набор тестов компилирует каждый пример манифеста, проверяет, что отвергаемые входы действительно дают собственную ошибку библиотеки, и сравнивает результат вызова с префиксом `gls-` побайтово. Если документация расходится с кодом, сборка падает.
Для кого. Фронтенд-разработчикам на Sass, которые просят Claude Code или Cursor писать SCSS на готовой библиотеке миксинов.
Подходит, если
- Агент часто ошибается в аргументах миксинов, и ему нужен манифест с рабочими примерами
- Проект на Vite или Next.js переходит на Dart Sass и подключает `pkg:gerillass` через пакетный импортер
- Нужно писать стили без утилитарных классов, оставив разметку чистой
- В Rails или Jekyll стили подключают из гема, а скилл копируют из пути `bundle info gerillass --path`
Не подходит, если
- Проект сидит на LibSass или Node Sass: с версии 1.3.0 поддерживается только Dart Sass
- Нужны готовые компоненты с оформлением: библиотека выдает CSS по объявлениям и не поставляет стилизованные блоки
- В стеке нет Sass вообще, например при Tailwind без препроцессора
Пример запроса к агенту
Перепиши блок карточек в styles/cards.scss на миксины Gerillass и сверься с gerillass.json, чтобы не угадывать аргументыОграничения
Скилл работает только в проектах, где установлен `gerillass`, и сам не ставит библиотеку. С версии 1.3.0 LibSass не поддерживается. Нужен Dart Sass, для импорта по `pkg:` версии 1.71.0 или новее. Parcel читает поле `main` из `package.json` как цель сборки, поэтому его нужно убрать, иначе приложение не соберется. Рецепты сборщиков автор проверил на версии 1.5.0. Файл `SKILL.md` приходит вместе с пакетом и обновляется при смене версии, поэтому копию в `.claude/skills/` нужно перекопировать после обновления.
Как отключить. Удалите папку `.claude/skills/gerillass/`. Сам пакет снимает `npm uninstall gerillass`, а строку `@use` придется заменить в стилях.
Частые вопросы
Как поставить Gerillass для Claude Code?
Выполните `npm install gerillass --save-dev`, затем `mkdir -p .claude/skills/gerillass` и `cp node_modules/gerillass/SKILL.md .claude/skills/gerillass/`. В Ruby-проекте путь к файлу даст `bundle info gerillass --path`.
Что лежит в gerillass.json?
Описание каждого миксина и функции: сигнатура, допустимые значения аргументов, примеры, которые компилируются, и отвергаемые входы. Файл читают из кода через `require("gerillass/gerillass.json")`.
Почему не стоит доверять документации агента на память?
У библиотеки нет объема обучающих данных, и агент начинает угадывать формы аргументов. Манифест и скилл генерируются из исходников Sass, а тесты компилируют каждый пример, поэтому они совпадают с поведением кода.
Работает ли Gerillass с LibSass?
Нет. Поддержка LibSass и Node Sass закончилась с версией 1.3.0, нужен Dart Sass. Для импорта по `pkg:` понадобится Dart Sass 1.71.0 или новее.
Что за префикс gls-?
Те же миксины доступны под именами с префиксом `gls-`. Тесты требуют, чтобы вызов с префиксом давал тот же CSS побайтово.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл дает агенту подборку современных приемов CSS: одно правило вместо набора брейкпоинтов и CSS-возможность прежде скрипта.
Авторские скиллы под Angular, React, Next.js, TypeScript и Django плюс шесть общинных для Java, Elixir и Electron
julianromli/ai-skills
ai-skills
Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация
Скилл для верстки дорогих интерфейсов: лендинги, дашборды и мобильные экраны по четырем маршрутам с проверкой на дешевизну
Детерминированная проверка HTML и CSS на 73 типичных признака сгенерированного интерфейса, с автоисправлением и /gesso-critique
Скилл помогает писать и отлаживать GLSL-шейдеры из готовых блоков, собирает зависимости в один файл и проверяет код для WebGL2.
Коротко о README
Страница начинается с предупреждения об отказе от LibSass в версии 1.3.0, затем идут установка через npm и рецепты для Vite, webpack, Parcel, Next.js, Angular, Gulp, Grunt и Ruby. Отдельный раздел объясняет, как использовать библиотеку с агентом, три способа вызвать один миксин и поддержку вендорных префиксов. Дальше говорится о запуске тестов и вкладе в проект.