Короткий ответ
Framer объявила о Skills для агента 22 сентября. Это разбор возможностей по заявлению компании и предложенный протокол приёмки сайта: дизайн, CMS, доступность, SEO и передача редактору.
Что именно Framer объявила 22 сентября
22 сентября 2026 года Framer представила Skills для Framer Agent. Компания описывает их как повторно используемые инструкции о дизайн-системе, стиле текстов и работе с CMS. В обновлении указаны ссылки на @pages, @components и @styles внутри проекта, а также команда /skills для создания или изменения инструкции. В блоге Framer приведён пример ссылки @page на страницу с компонентами. Это сведения из собственных материалов поставщика, а не независимое сравнение скорости разработки или качества сайтов. Передача сайта с Framer Skills требует другого вопроса: какие признаки готовности должен увидеть клиент, прежде чем получить проект в управление?
Короткий ответ — проверить четыре области: внешний вид и поведение страниц, модель контента, опубликованную страницу для поиска и способность редактора поддерживать сайт. Ниже предложен протокол, а не отчёт об испытании Framer или работе VITON13 для клиента. Framer сообщает, что результат остаётся редактируемым на холсте. Это важная возможность, но она полезна только тогда, когда получатель знает, что именно можно менять, где находятся правила и кто принимает спорное решение. Презентация функции не подтверждает, что конкретный сайт стал быстрее, доступнее или заметнее в поиске.
Инструкция для агента не заменяет согласованное ТЗ
В дизайн-системе могут быть цвета, шрифты, компоненты и примеры страниц. В клиентском ТЗ есть ещё аудитория, задача страницы, допустимые обещания, условия использования материалов и порядок согласования. Агенту можно поручить использовать утверждённую навигацию и помечать сомнительные утверждения. Нельзя молча передавать ему право выдумать отзыв, изменить оферту или опубликовать новую политику. Поэтому полезная Skill должна указывать область действия и владельца: что обязательно, что рекомендовано, а что является временным примером. Версия документа позволяет позже восстановить, почему страница выглядела именно так.
Для честной проверки сначала заморозьте ТЗ, затем попросите подготовить две разные страницы на одних и тех же условиях. Запишите, какие элементы переиспользованы, какие появились впервые и что пришлось исправить вручную. Без учёта времени при одинаковых задачах это не тест производительности; его цель — проследить решения. Framer пишет, что Skills сохраняются при ремиксе проекта или шаблона. Получателю всё равно нужно выяснить, не приехало ли вместе с шаблоном устаревшее правило. Красивую страницу легко принять за готовую систему, но она не объясняет клиенту, кто отвечает за её содержание.
Дизайн проверяют на неудобном содержимом
Возьмите одну существующую страницу как образец и одну новую, которая требует нестандартного сочетания блоков. Сравните иерархию заголовков, варианты компонентов, отступы, изображения и главное действие на широком, среднем и узком экранах. Подставьте длинный перевод заголовка, реальные фотографии разных пропорций и ошибку формы. На идеальном холсте всё может выглядеть цельно, а на телефоне кнопка уйдёт за пределы видимой области. Вопрос не в том, чтобы все страницы стали одинаковыми: карточка товара и редакционная статья решают разные задачи, но их навигация и обратная связь должны быть последовательными.
Framer описывает изменение слоя, замену компонента и продолжение работы с агентом на том же холсте. При приёмке попросите другого участника команды проделать такую правку и посмотреть результат на нескольких ширинах. Зафиксируйте исходное состояние, причину изменения и согласованный итог. Если первый вариант нарушает ТЗ, отметьте противоречие, а не меняйте требования задним числом ради удачного изображения. Отдельно решите, кто вправе создавать новые варианты компонентов и когда их следует включать в общую систему. Короткое объяснение исключения полезнее презентационного кадра, из которого невозможно вывести правило.
CMS проверяют на реальной работе редактора
Опишите обязательные и необязательные поля, связи между записями, предварительный просмотр, роли и ответственного за обновления. Затем создайте пробную запись: длинный заголовок, пустое необязательное изображение, несколько абзацев и версия на другом языке. Посмотрите карточку в списке, саму публикацию, навигацию и поисковое представление. Если отсутствие картинки ломает страницу, проблема в модели или шаблоне, а не в редакторе. Если инструкция агента требует заполнять поле, сравните это с настоящими правилами CMS и задачами людей, которые будут работать после запуска.
В обновлении Framer говорится, что Skill может хранить правила работы с CMS. Из этого не следует, что инструкция автоматически назначает права, обеспечивает проверку фактов или заменяет редакционное согласование. Попросите второго редактора создать, просмотреть, исправить, опубликовать и отменить безопасную тестовую запись. Не индексируйте черновик, который существует только ради проверки. Запишите места, где человеку понадобилось устное объяснение автора проекта. В шаблоне обычно аккуратные примеры, а в живой организации — неполные данные, миграции и споры о том, что именно означает поле. Передача должна выдерживать эту реальность.
SEO оценивают по опубликованному URL
Предпросмотр на холсте не показывает всего, что получает поисковая система. В руководстве Google Search Central сказано, что ссылка-заголовок может опираться на title и заголовки страницы; также Google рекомендует понятные URL и внимание к дублям. Для приёмки откройте опубликованную тестовую страницу и проверьте её title, meta description, структуру заголовков, адрес, внутренние ссылки, индексируемость и canonical. Для мультиязычного сайта проверьте, что версии действительно содержат нужный текст и ведут друг на друга корректно. Заполненные поля в редакторе не доказывают ни видимость в выдаче, ни рост трафика.
Разделите проверки между редактором и техническим специалистом. Первый может оценить точность заголовка и полезность описания. Второй проверит статус ответа, robots, canonical и наличие нужной страницы в карте сайта. Если новая страница наследует заголовок шаблона или неясный адрес, исправляйте правило, а не отдельное поле в последней минуте. Передайте клиенту инструкцию, где находятся SEO-настройки и как проверять их после публикации. Анонс Framer не содержит доказательства роста позиций именно вашего проекта; здесь нет обещания конверсии или ранжирования.
Доступность подтверждают независимыми критериями
Справочник WCAG 2.2 консорциума W3C даёт внешние критерии для оценки веб-страницы. В нём есть требование управлять функциями с клавиатуры с оговорённым исключением и критерий контрастности текста. Статичный макет не покажет, теряется ли фокус, можно ли выйти из меню, понятен ли альтернативный текст изображения и помогает ли сообщение об ошибке исправить ввод. Часть проблем видна в коде, но интерактивный сценарий надо пройти на работающей странице. Заявление агента о проверке не может быть собственным сертификатом соответствия.
Предложите рецензенту найти материал, раскрыть меню и отправить форму с ошибочными данными только с клавиатуры. Запишите, куда попал фокус и какую подсказку получил человек. Повторите с крупным текстом и узким экраном; при необходимости привлеките пользователей ассистивных технологий. Эта методика не говорит, что все сайты Framer соответствуют стандарту или нарушают его. Вывод относится лишь к протестированной версии в указанных условиях. Ошибку фиксируют с адресом страницы, состоянием и шагами воспроизведения, чтобы клиент мог принять решение о запуске на основании наблюдения, а не впечатления.
Предлагаемый тест на двух страницах
Следующее упражнение не проводилось для этой статьи. В закрытом проекте выберите страницу с контентом и страницу с целевым действием. Подготовьте утверждённые правила дизайна, реальный образец текста и ТЗ с аудиторией и целью. Попросите агента сделать черновик, а редактора — довести его до состояния для проверки. Создайте таблицу с критерием, ожидаемым результатом, наблюдением, владельцем и ссылкой на доказательство. Строками могут стать выбор компонента, адаптивность на трёх ширинах, пустое изображение, корректные поля CMS, работа с клавиатуры и уникальные метаданные опубликованного тестового URL.
Если наблюдения нет, ставьте «не проверено», а не «пройдено». При дефекте выясните, где причина: в Skill, компоненте, модели CMS или частном решении страницы. Исправьте нужный уровень и повторите конкретный пункт. Это позволяет переиспользуемой инструкции улучшать следующие страницы, но не приписывает ей проблему без основания. Чтобы сравнивать время разработки, понадобятся исходная точка и измерения в одинаковых условиях; здесь проверяется готовность к передаче. Нельзя потом превращать этот протокол в историю об экономии времени или росте выручки.
Пакет передачи, который понятен клиенту
В пакет стоит включить домен и владельца проекта, перечень утверждённых страниц, правила компонентов и стилей, описание полей CMS, роли редакторов, права на изображения, владельца аналитики и порядок сообщения об ошибках. Отдельно перечислите действующие Agent Skills, тех, кто может их менять, и инструкции, унаследованные от шаблона. Добавьте шаги предпросмотра, публикации, отката и небольшой безопасной правки. Клиент не должен спрашивать автора, где меняется заголовок или допускается ли отсутствие картинки. Нерешённые вопросы лучше записать с именами ответственных и датами, чем оставлять их в истории чата.
Второй редактор должен по этим документам выполнить небольшое изменение и объяснить, как восстановит предыдущую версию при ошибке. Если он не может, визуальная часть может быть готовой, но передача ещё нет. Это предлагаемый редакционный стандарт, а не программа сертификации Framer. Для одной промостраницы пакет будет короче, чем для журнала на пяти языках, но в обоих случаях нужен хозяин процесса. Проверяйте доступ в учётной записи получателя, а не по скриншоту с аккаунта создателя. Важен переход от «агент умеет собрать» к «клиент умеет безопасно вести».
Какие данные изменят оценку
Сентябрьский анонс подтверждает появление функции и показывает, как Framer предлагает её использовать. Документированное изменение продукта, независимое испытание того же сценария или результаты собственной приёмки клиента уточнили бы этот разбор. Пока скорость, доступность, позиции в поиске и снижение стоимости сопровождения здесь не измерялись. Повторно используемое правило без владельца может превратиться в повторно используемую ошибку, поэтому пересматривайте инструкции при смене дизайн-системы, CMS или требований. В журнале проверки указывайте дату и версию проекта.
Практический следующий шаг ограничен и проверяем: выберите одну страницу, утвердите ТЗ, пройдите предложенные пункты и сохраните свидетельства. Если всё работает, расширяйте процесс; если нет, таблица покажет, что исправить до генерации новых страниц. Оба результата содержательнее, чем громкий вывод только по презентации функции. Описание возможностей сверяйте с блогом и обновлением Framer, критерии доступности — с W3C, рекомендации для поиска — с Google Search Central. Ни один из этих источников не заменяет испытания конкретного клиентского сайта.
Практический чеклист
- До генерации зафиксировать задачу страницы, аудиторию, утверждённые компоненты и ответственного за исключения.
- Создать запись CMS с длинным заголовком, пустым необязательным полем и переводом, затем проверить вывод на сайте.
- Пройти основной сценарий с клавиатуры и проверить применимые критерии WCAG 2.2, включая фокус и контраст.
- После публикации проверить URL, title, описание, заголовки, внутренние ссылки, индексацию и canonical.
- Дать второму редактору инструкции и попросить изменить, опубликовать и откатить безопасную тестовую правку.
Вопросы и ответы
Что Framer сообщила о Skills?
В анонсе от 22 сентября 2026 года Framer описала повторно используемые инструкции для агента. Они могут ссылаться на страницы, компоненты и стили проекта; команда /skills помогает создать или обновить такое руководство. Анонс не измеряет качество конкретного клиентского сайта.
Skills автоматически решают вопросы SEO и доступности?
Нет. Это инструкции для подготовки работы, а не сертификат готовности. Опубликованную страницу нужно отдельно проверять по релевантным критериям WCAG 2.2 и рекомендациям Google: клавиатура, альтернативный текст, title, URL и другие элементы должны работать на реальном сайте.
Что передать клиенту вместе с сайтом?
Нужны перечень страниц и полей CMS, права доступа, правила публикации и отката, источник инструкций Skills, список открытых вопросов и ответственные. Предлагаемый тест добавляет простую проверку: сможет ли второй редактор внести и отменить небольшое изменение без помощи автора проекта.