Claude Code создает печатные визитки через HTML + Playwright
Пользователь Reddit поделился практичным рабочим процессом, в котором Claude Code (AI-агент для программирования) с нуля спроектировал печатные визитные карточки. Процесс включал:
- Предоставление Claude фотографии своих кошек и ссылки на сайт в качестве исходных данных.
- Claude сгенерировал HTML-дизайн визитки, затем использовал Playwright (headless-автоматизацию браузера) для создания скриншотов и итеративного улучшения макета, пока пользователь не остался доволен.
- После завершения дизайна пользователь купил бумагу для визиток Avery в Walmart (стандартные листы с перфорацией сетки 2x5).
- Claude создал HTML-страницу с кнопкой печати и сеткой 2x5, соответствующей шаблону Avery. Страница напечаталась идеально выровненной на бумаге — никаких ручных доработок не потребовалось.
Весь процесс занял около 10 минут. Пользователь сообщил, что результат «превзошел ожидания».
Ключевые выводы
- Claude может объединить визуальный дизайн и печатный макет, итеративно используя автоматизацию браузера.
- Использование скриншотов Playwright позволяет Claude самостоятельно исправлять проблемы макета без участия человека.
- Финальный HTML-шаблон работает напрямую с недорогой бумагой для визиток Avery — не требуется профессиональных инструментов дизайна.
Это отличный пример использования AI-агентов для физического производства печатной продукции, а не только для генерации программного обеспечения.
📖 Читать полный источник: r/ClaudeAI
👀 Смотрите также
Claude Code 24/7 как фоновый агент — опыт за 2 недели
Разработчик делится опытом непрерывной работы Claude Code на VPS: код-ревью, рефакторинг и деплои пока вы спите.
Создание генеративного приложения-раскраски с Клодом в роли старшего разработчика
Разработчик iOS среднего уровня рассказывает, как Клод помог выявить крайние случаи и внедрить защитные механизмы при создании приложения-раскраски на SwiftUI для детей.
Кривая обучения старшего разработчика Claude Max: от расплывчатых запросов к структурированным код-ревью
Разработчик с 8-летним опытом работы с Node.js, Go, Angular и AWS делится, как изначально неправильно использовал Claude Max, обращаясь с ним как с опытным инженером, имеющим контекст проекта, а затем улучшил результаты, внедрив структурированный процесс проверки, аналогичный наставничеству младших разработчиков.
Создание пользовательских навыков анализа изображений в OpenClaw с использованием локальных моделей
Разработчик создал пользовательский навык OpenClaw для анализа изображений с использованием Qwen2.5 VL, работающего локально через Ollama на Windows 11 с WSL, обойдя ограничения обработки изображений в веб-интерфейсе с помощью API-вызовов и пользовательских скриптов.