SVGO CLI

CLI сокращает SVG-файлы по набору настраиваемых правил, позволяя агенту подготовить облегченные изображения для проекта.

  • 22 811 ★ репозитория
  • Последний коммит
  • MIT
CLI

Расширенный доступ

Почему такой уровень

  • CLI изменяет SVG-файлы, а конфигурация и пользовательские плагины запускаются как JavaScript.
Все причины и проверки

svg/svgo

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add cli/svgo

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • CLI изменяет SVG-файлы, а конфигурация и пользовательские плагины запускаются как JavaScript.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

SVGO обрабатывает SVG и убирает избыточные данные, которые оставляют векторные редакторы. Через терминал агент может подготовить отдельные файлы или папку изображений и записать результат в новый каталог. Оптимизация управляется набором плагинов. Пользователь выбирает стандартный набор правил или меняет отдельные параметры в конфигурации. Можно сохранить значимые идентификаторы и настроить форматирование вывода под проект. После обработки агент сравнивает размеры и показывает изображения для визуальной проверки.

Для кого. Фронтенд-разработчикам и дизайнерам, которые переносят SVG из редактора в веб-проект и хотят уменьшить размер файлов.

Подходит, если

  • В проект добавлены тяжелые SVG с метаданными редактора.
  • Агент готовит облегченные копии иконок в отдельном каталоге.
  • Правила оптимизации нужно повторять одинаково для всей команды.
  • Перед выпуском вы сравниваете размер и вид исходного и обработанного изображения.

Не подходит, если

  • Файлы нужно оставить побайтово неизменными.
  • Вы не можете проверить внешний вид после изменения структуры SVG.
  • Задача состоит в сжатии растровых JPEG или PNG.

Пример запроса к агенту

Оптимизируй SVG из тестовой папки в отдельный каталог и покажи размеры и визуальные различия перед заменой.

Ограничения

Пакет требует Node.js 16 или новее, поэтому проверьте среду перед запуском. Плагины могут менять структуру SVG и идентификаторы; проверьте настройки, если к элементам обращаются CSS или скрипты. CLI записывает результат в указанный путь, поэтому сначала сохраняйте отдельные копии исходников. Собственные плагины и файл конфигурации исполняют JavaScript, поэтому не запускайте чужую конфигурацию без просмотра ее содержимого.

Как отключить. Уберите SVGO из сценария сборки и верните исходные SVG из сохраненной копии или Git. Удаление CLI не восстанавливает уже перезаписанные файлы.

Частые вопросы

Где задаются правила?

В `svgo.config.mjs` либо файле, указанном через `--config`.

Можно ли обработать вложенные папки?

Да. CLI поддерживает рекурсивную обработку с `-r` и выбор папки через `-f`.

Как сохранить результат отдельно?

Укажите выходной файл или каталог через `-o`.

Можно ли отключить одно стандартное правило?

Да. В параметрах стандартного набора можно переопределить или отключить конкретный плагин.

Есть ли справка по флагам?

Запустите `svgo --help`.

Обсуждение

Вопросов и отзывов пока нет.

Официальный

MCP-сервер и скилл для набора из тысяч брендовых SVG-иконок: агент ищет и вставляет иконки без ключа

MCP-серверРасширенный доступ3 тыс.Звезды репозитория

Навык по плагину SVG-спрайтов для Vite: установка, настройка, компоненты для Vue и React, SSR и миграция со старого плагина.

СкиллМинимальный доступ117Звезды репозитория

Поиск и вставка иконок из более чем 150 коллекций Iconify как MCP-сервер, CLI и скилл, с записью SVG прямо в файл проекта

MCP-серверРасширенный доступ1,5 тыс.Звезды репозитория

Дизайн-студия для людей и агентов: CLI dsa, MCP по адресу /mcp и скилл правят сайты, слайды, отчеты и 3D в одном документе.

CLIРасширенный доступ229Звезды репозитория

Скилл рисует логотипы в SVG: опрос о бренде, три-пять концептов рядом, доводка и экспорт PNG в семи размерах

СкиллРасширенный доступ200Звезды репозитория

Скиллы Visant для Claude Code: аудит интерфейса против ИИ-шаблонов, дизайн, моушен, тексты, монтаж и ролики с сайтов

СкиллРасширенный доступ89Звезды репозитория

Коротко о README

SVGO поддерживает несколько проходов оптимизации и пользовательские плагины. Кроме CLI у него есть программный API для интеграции в сборку.

Бейдж для README

Сообщить о проблеме