Кликабельный прототип из вашей же дизайн-системы — в Claude

Между спецификацией сценария и первым тестом на пользователях стоит скучная работа: собрать экраны, связать их переходами, придумать правдоподобные данные. Пока это делается вручную, тестирование ждёт того, кто умеет разложить кнопки по фреймам, а сама идея успевает устареть.

Как это делается в Claude

Сценарий рассчитан на Cowork, рабочее пространство в десктопном приложении Claude. Соберите в одну папку описание сценария, выгрузку компонентов, токены и примеры содержимого, укажите её в строке чата — читать и записывать Cowork будет туда же. Если подключены коннекторы к дизайн-инструменту и репозиторию, компоненты подтянутся из живой библиотеки, а разметка совпадёт с той, что уходит в разработку.

Запрос короткий, но каждое слово в нём работает: «Собери кликабельный HTML-прототип сценария из этой папки, используя только компоненты нашей дизайн-системы. Свяжи переходы, подставь правдоподобные данные вместо заглушек и запиши результат в prototype/index.html, чтобы я мог прокликать его в браузере».

Разбор по частям. «Только компоненты нашей системы» запрещает выдумывать интерфейс: всё, что появится на экране, существует в библиотеке. «Свяжи переходы» превращает картинки в сценарий, который человек проходит сам. «Правдоподобные данные» убирают латинские заглушки, из-за которых участники теста обсуждают текст вместо логики. А исходные файлы токенов и стилей уезжают в прототип как есть, без пересказа.

Совет

Прототип, который рассылают файлом, устаревает на второй день. Попросите опубликовать его как живой артефакт и поставить в углу отметку версии: у всех проверяющих остаётся одна ссылка, которая обновляется вместе со сборкой. Пересборку можно поставить на расписание — правится спецификация, прототип догоняет её сам. А когда сборка стала похожа на то, что не стыдно показать участнику теста, зафиксируйте порядок навыком: со своими названиями компонентов, своими тестовыми данными и привычной обёрткой страницы.

Где купить Claude

Cowork доступен на платных тарифах, а карта российского банка на сайте Anthropic отклоняется. В нашем каталоге Claude Pro (2 090 ₽/мес), Max (от 11 010 ₽/мес) и пополнение API от $20: оплата картой РФ или по СБП.