Сначала определите требования
Объясните Claude, нужен ли вам сайт компании, портфолио или промостраница. Опишите аудиторию, страницы, языки, фирменные цвета и целевое действие посетителя. Сначала попросите карту контента и план блоков, а затем код. Так первый макет будет связан с реальной задачей.
Создайте и улучшите прототип
Claude может подготовить HTML и CSS или одностраничный Artifact. Сразу укажите мобильную версию, доступный контраст, управление клавиатурой, проверку форм и состояния ошибок. Замените временные тексты и изображения, проверьте разные размеры экранов и запрашивайте небольшие конкретные изменения.
От прототипа к запуску
Artifact или ответ чата сам по себе не является размещённым и безопасным рабочим сайтом. Экспортируйте и проверьте код, настройте домен, хостинг, CMS, резервные копии, обновления, SEO и приватность. Протестируйте формы, скорость, устройства и безопасность, а перед публикацией попросите разработчика проверить реализацию.
Проверьте прототип по реальным критериям
Просмотрите макет на компьютере и телефоне, затем проверьте доступность меню, форм и сообщений об ошибках с клавиатуры. Завершённый внешний вид не доказывает, что формы отправляют данные или сайт защищён.
Пример запроса
Проверь этот прототип главной страницы на телефоне. Перечисли переполнение, недоступные с клавиатуры элементы и неясные призывы к действию, затем предложи исправленный HTML и CSS.
Официальные источники
Функции, тарифы и лимиты Claude могут меняться; перед покупкой или настройкой процесса сверяйте сведения с официальными источниками.