brand-extract
Извлекает полный Brand Kit с живого сайта через встроенный браузер. Используйте, когда проект открывается с сайтом во вкладке Browser или пользователь просит «извлечь бренд», «получить цвета/шрифты/логотип» с референса. Работает в паре с agent-browser для измерений и пауз при антибот-защите.
Что делает навык
Skill извлекает полный Brand Kit (идентичность, палитру, типографику, голос) с живого сайта, измеряя реальные данные из DOM/CSS, а не полагаясь на память. Он преобразует сайт в машиночитаемый JSON и визуализирует его через интерактивную страницу brand.html.
Когда применять
- Пользователь просит извлечь бренд, цвета, шрифты или логотипы с референсного сайта.
- Проект открывается с сайтом во вкладке Browser, и требуется создать дизайн-систему на его основе.
- Необходимо получить точные семантические цвета и шрифты для последующего использования в автономных агентах дизайна.
Как работает
- 1. Measure: использовать agent-browser для подтверждения URL, получения snapshot и извлечения данных (цвета, шрифты, логотипы, изображения, текст) из DOM/CSS открытой вкладки браузера.
- 2. Synthesize: написать brand.json с измеренными данными и запустить od brand preview <brandId> для прогрессивного заполнения страницы kit; повторять превью после добавления каждой группы полей.
- 3. Build & register: выполнить od brand finalize <brandId> --json для валидации, генерации токенов, артефактов и регистрации бренда как переиспользуемой дизайн-системы user:<id>.
Примеры запросов агенту
Что понадобится
- Инструмент agent-browser для управления вкладкой Browser
- Команды od brand preview и od brand finalize
- Доступ к открытой вкладке браузера с целевым сайтом
Описание составлено по SKILL.md навыка, сверено 08.10.2026.
Как подключить
SKILL.md к навыкам ассистентаНавык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.