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
👀 Смотрите также
Практические уроки от внедрения RAG-ботов в регулируемых отраслях
Разработчик делится ценными уроками, полученными при внедрении ИИ-ассистентов на основе RAG для обеспечения соответствия требованиям на австралийских рабочих местах в сферах строительства, ухода за пожилыми и горнодобывающей промышленности. Ключевые выводы включают методы расширения запросов, сопоставление заголовков документов, многоуровневые промпты и решения по инфраструктуре.
Создание пользовательских навыков анализа изображений в OpenClaw с использованием локальных моделей
Разработчик создал пользовательский навык OpenClaw для анализа изображений с использованием Qwen2.5 VL, работающего локально через Ollama на Windows 11 с WSL, обойдя ограничения обработки изображений в веб-интерфейсе с помощью API-вызовов и пользовательских скриптов.
Построение вертикальных слоев данных для агентов OpenClaw
Настоящая возможность с OpenClaw заключается не только в его использовании, а в создании отраслевых слоев данных, которые соединяют разрозненные источники информации, нормализуют их в удобные схемы и предоставляют их в виде чистых инструментальных конечных точек, возвращающих структурированный JSON.
Создание системы линейного искусства SwiftUI с помощью Claude Code: тематическое исследование One Good Thing
Разработчик создал иллюстрации для iOS-приложения в стиле линейного рисунка целиком с помощью SwiftUI Canvas, используя Claude Code в качестве партнера по программированию. Ключевой урок: относитесь к Claude как к терпеливому коллеге, а не как к торговому автомату.