→ 01
Двенадцать инструментов
изображения, SVG, шрифты, фавиконки, srcset, Base64, типограф, PX ↔ REM, clamp(), цвет, контраст и мета-теги.
Все кейсы
Title Tools — инструменты для веб-ассетов и кода
Собственный набор инструментов для подготовки веб-ассетов и кода: веб-приложение, CLI, плагины и AI-скиллы на единых движках
01 Постановка
Контекст и задача
Подготовка веб-проекта состоит из множества повторяющихся операций: оптимизировать изображения и SVG, собрать фавиконки, подготовить шрифты, проверить контраст, рассчитать адаптивные значения и привести текст в порядок. Обычно для этого приходится переключаться между разными сервисами, передавать им файлы и заново настраивать одни и те же параметры.
Нам был нужен единый продукт, который закрывает эти операции в браузере и в рабочем окружении разработчика, использует одинаковые алгоритмы во всех интерфейсах и подходит как для одного файла, так и для обработки целого проекта.
02 Решение
Что мы построили
Title Tools — модульный набор инструментов для веб-ассетов и кода:
→ 02
Единые движки
веб-приложение, CLI, Figma-плагин, VS Code-расширение и AI-скиллы используют общую логику обработки.
→ 03
Локальная работа с файлами
браузерные инструменты обрабатывают ассеты на устройстве пользователя и не отправляют исходники на сервер.
→ 04
Автоматизация проектов
CLI поддерживает конфигурацию, dry-run, пакетную обработку и сохранение структуры каталогов.
→ 05
Интеграция с AI-агентами
скиллы для Codex и Claude Code позволяют запускать инструменты из контекста проекта и проверять результат.
03 Польза
Польза для пользователя
- 01
Меньше ручных переключений
основные операции с ассетами и кодом собраны в одном продукте.
- 02
Одинаковый результат во всех интерфейсах
общие движки не дают браузеру, CLI и плагинам расходиться по поведению.
- 03
Файлы остаются у пользователя
чувствительные материалы можно обрабатывать локально.
- 04
От единичной операции до пайплайна
один и тот же набор подходит дизайнеру, разработчику и автоматизированной сборке.
- 05
Расширяемая основа
новые инструменты подключаются через общий реестр и становятся доступны в нескольких форматах продукта.