Elysia Tools
Навигация
Workflow Playbook
Исследуйте разрешённую публичную страницу, сопоставьте CSS со снимком экрана и подготовьте проверенные предложения токенов с доказательствами, решениями и ограничениями.
Темы
Запишите URL, время, область просмотра, запрошенную светлую или тёмную тему и дополнительное ожидание. Запрос тёмной темы не доказывает, что сайт действительно её применил. Сохраните ZIP и файлы design.md, screenshot.png, tokens.json, tokens.css без изменений вместе с контрольными суммами. До выводов проверьте перекрывающие загрузочные элементы, отсутствующие шрифты и заблокированные ресурсы.
Снимок имеет фиксированную область просмотра, а ограниченная выборка стилей может включать отрисованные элементы ниже неё. Это не заменяет прокрутку, клики и исследование разделов после входа. Предупреждения и усечённые списки остаются частью доказательств.
Выберите характерные заголовки, основной текст, кнопки и карточки. В отдельной таблице свяжите компонент, состояние и наблюдаемую декларацию. Координаты снимка нужны для сверки, но сглаживание, прозрачность, градиенты, изображения и управление цветом могут давать пиксели, отличные от CSS. Измеряйте по возможности ровную область и сохраняйте оба значения.
Частоты отражают число наблюдаемых деклараций, а не площадь на экране или важность цвета для бренда. Цепочка шрифтов не подтверждает загрузку конкретного шрифта. Одна ширина не задаёт адаптивную шкалу. Обозначения observed-1 механические и не являются постоянными идентификаторами. Неподдерживаемые выражения CSS могут остаться в отчёте без экспорта в токены; заполнять пробелы вымышленными значениями нельзя.
Преобразуйте только поддерживаемые представления, сохраняя исходное значение и предупреждения о цветовом охвате. Переход к более узкому пространству не гарантирует одинаковый вид. Контраст требует фактических цветов переднего плана и фона. Для прозрачности подтвердите композицию; изображения и градиенты нуждаются в дополнительной проверке. Не заменяйте неизвестный фон удобным непрозрачным цветом.
Форматируйте копию CSS, не перезаписывая сайт. Совместимая JSON-схема проверяет согласованную структуру, но не даёт универсальной сертификации стандарта токенов. Сравнивайте одинаковые области просмотра, темы и условия загрузки. Порядок выборки может изменить номера и позиции. Оценивайте различия после сверки значения, компонента и состояния: недоступный ресурс способен создать шум без реального изменения дизайна.
В ручной таблице укажите ссылку на сохранённую выгрузку, компонент, декларацию, при необходимости координату, предлагаемое имя, статус, обоснование и ответственного. Такая связь обеспечивает прослеживаемость, но не создаёт автоматически постоянную идентичность компонента. Разделите неизменённые оригиналы, утверждённые предложения и нерешённые случаи.
Откройте и повторно проверьте изменённые файлы, затем вычислите суммы именно передаваемых файлов. Приложите локальные доказательства, а не только временные ссылки. Перечислите непроверенные ширины, состояния наведения, фокуса, ошибок и входа, встроенные фреймы и страницы. Перед внедрением принимающая команда должна проверить реализацию в браузере. Для разработки палитры, выбора шрифтов и реализации CSS переходите к связанным рабочим процессам, не выдавая инвентаризацию за замену этих задач.
Руководство по рабочему процессу
Снимите разрешённую страницу с заданными областью просмотра и ожиданием. Сохраните архив без изменений и вычислите его контрольную сумму.
Проверьте заголовки, основной текст, кнопки и карточки. Записывайте координаты и пиксельные значения отдельно от наблюдаемых деклараций CSS.
Преобразуйте поддерживаемые значения, сохранив оригиналы. Подтвердите фактический фон; неизвестную композицию прозрачности или изображений оставьте открытой.
Отформатируйте копию CSS, проверьте JSON совместимой схемой и сравните сопоставимые версии. Вручную определите смысл найденных различий.
Проверьте загрузку, перекрывающие элементы и предупреждения о ресурсах. Повторите неполный снимок либо явно зафиксируйте ограничение.
Значение служит доказательством. Название вроде основного цвета требует ручного обоснования, а не вывода из частоты встречаемости.
Сравнивайте одинаковые условия и состояния. Перенумерация наблюдаемых значений сама по себе не означает изменения дизайна.
Отделите доказательства от утверждённых предложений, повторно проверьте изменённые файлы и вычислите итоговые суммы. Добавьте открытые вопросы и ответственных за приёмку.