CSS
Собираем стили со страниц
Вы даёте URL. Milten разбирает доступные CSS-источники страницы и вытаскивает значения, которые можно сравнить по частоте: цвета, font-family, font-size, размеры, отступы, radii, shadows и custom properties.
CSS Tokens-сканер
Milten формирует сводку повторяющихся дизайн-значений в CSS: цвета, шрифты, размеры, отступы, радиусы, тени и custom properties.
Как работает сканер
От CSS-источников к частотной сводке значений
Частота
Группируем повторяющиеся значения
Отчёт считает, сколько раз встречаются одинаковые цвета, шрифты, размеры, отступы, border-radius, box-shadow и CSS variables. Чем чаще значение повторяется, тем сильнее оно похоже на системный токен.
Сводка
Показываем концентрацию и разброс
Сводка помогает быстро увидеть, где значения повторяются стабильно, а где интерфейс накопил большой разброс цветов, размеров, шрифтов или теней.
Чтение
Помогаем выбрать, что разбирать первым
Отчёт не заменяет решение дизайнера, но даёт рабочую очередность: начать с часто повторяющихся значений, а редкие или пустые группы оставить на потом.
Что есть в отчёте
Семь групп значений, которые считает воркер
Colors
Повторяющиеся цвета
Сканер показывает цветовые значения и количество их использований, чтобы отделить системные цвета от случайных локальных оттенков.
valueuses
Fonts
Шрифты и размеры текста
В отчёте есть найденные font-family значения, частота их встречаемости и повторяющиеся font-size значения.
font-familyfont-size
Spacing / size
Размеры, margin, padding, width и height
Сводка выделяет часто встречающиеся значения размеров и отступов. Большой разброс здесь обычно показывает слабую консистентность сетки.
pxrem
Radius / shadows
Скругления и тени
Отдельные группы показывают повторяющиеся border-radius и box-shadow, включая случаи, где одно значение встречается чаще остальных.
radiusshadow
CSS variables
Найденные custom properties
Сканер показывает CSS custom properties и количество их использований, чтобы понять, какие переменные реально работают как токены.
--varuses
FAQ
Частые вопросы про CSS Tokens-сканер
Коротко о том, какие значения попадают в отчёт и как читать частотную сводку.
Чем CSS Tokens-сканер отличается от простой выгрузки CSS-переменных?
Он смотрит шире: помимо custom properties отчёт показывает повторяющиеся цвета, шрифты, font-size, размеры, отступы, border-radius и box-shadow. Для каждого значения важна частота использования.
Можно ли анализировать сайт без доступа к репозиторию?
Да. Первый проход можно сделать по публичным страницам и подключенным стилям. Если часть CSS закрыта авторизацией или не загружается на странице, она не попадёт в сводку.
Показывает ли отчёт конфликты токенов?
Текущий воркер не делает выводы про семантические конфликты и не предлагает имена токенов. Он показывает повторяемость и разброс значений, а решение о токенизации остаётся за командой.
Подходит ли сканер, если токены уже есть?
Да. Отчёт покажет, какие CSS variables найдены и как часто они используются, а также где рядом существуют повторяющиеся raw values: цвета, размеры, отступы или тени.
Как читать пустые или редкие значения?
Пустые группы и значения с единичными использованиями обычно менее важны. Отчёт в первую очередь помогает найти повторяющиеся значения, из которых проще начинать токенизацию.
Связанные сервисы
Что проверить рядом с этим сервисом
Смежные проверки помогают увидеть соседние причины: скорость, код, доступность, SEO и состояние страницы после пользовательских сценариев.
CSS-аудит
Размер стилей, неиспользуемые селекторы, дубликаты и specificity-explosion. Что можно вырезать без риска.
ОткрытьВалидация HTML
Проверка структуры, валидности, семантики и наличия обязательных мета-тегов на странице.
ОткрытьДоступность (a11y)
Аудит по WCAG: контраст, alt-тексты, landmarks, aria-атрибуты и навигация с клавиатуры. С фиксами и примерами.
ОткрытьСкорость загрузки
Проверка Web Vitals и ключевых метрик скорости. Сканер делает два прогона — mobile + desktop — и выдаёт приоритизированный план фиксов.
ОткрытьНачните с повторяющихся CSS-значений
Вставьте URL и получите сводку по цветам, шрифтам, размерам, отступам, радиусам, теням и CSS variables, которые реально встречаются на страницах сайта.
Получить сводку токенов