4 часа вайб-кодинга: Stripe-валидация сайта, PCI Compliance, Eleventy и платёжные логотипы (2026) скачать в хорошем качестве

4 часа вайб-кодинга: Stripe-валидация сайта, PCI Compliance, Eleventy и платёжные логотипы (2026)

Работаем с двумя Claude-агентами: один в Haiku обсуждает стратегию и юридические формулировки, второй в PyCharm через Claude Code переписывает код и структуру сайта. За 4 часа приводим сайт к требованиям Stripe — от нуля до полного соответствия чек-листу платёжной системы. 🔗 Плейлист «Создание сайта с нуля»:    • ВайбКодинг = Создание сайта с нуля: домен,...   🔗 Предыдущее видео (юридические документы):    • Stripe + Claude Code: Privacy Policy и юри...   🔗 Деплой на Cloudflare Pages + GitHub:    • Деплой сайта на Cloudflare Pages + GitHub ...   🔗 Claude Code пишет сайт сам:    • Создаём сайт с нуля через Claude Code: Clo...   📋 СОДЕРЖАНИЕ *Старт: проблема и план* 0:00 Обнаруживаю, что для Stripe создан только один документ. Определяю второй критический документ: PCI Compliance Payment Security Statement. Прошу ИИ задать уточняющие вопросы для его создания. Копирую текст privacy policy в диалог, работаю через Claude Haiku. 1:50 На сайте появились две гиперссылки на policy-документы. Замечаю отсутствие footer и навигации. Прошу ИИ создать общий footer с breadcrumbs для всех страниц. *Архитектура: выбор Eleventy* 4:00 ИИ предлагает три варианта (JS-инъекция, Eleventy, копирование footer вручную). Принимаю решение использовать Eleventy. ИИ задаёт вопросы о CloudFlare, HTTPS, бэкапах. 8:30 Объясняю, почему Google Drive защищённее самостоятельного сервера: MFA, Android pop-up, логи доступа. Решаем не упоминать бэкапы в PCI Statement — описать имеющиеся меры как достаточные. Принцип: формулировать обязательства минимально. *Правка юридических текстов и миграция на Eleventy* 17:50 Генерирую ТЗ для агента по правке политик («may be encrypted» вместо «is encrypted» и подобные). Объясняю логику Eleventy: файлы — маленькие шаблоны, сборка в HTML при деплое. 27:30 Агент создаёт структуру проекта: src, layouts, assets. Сборка происходит на CloudFlare Pages — Node.js локально не нужна. Выясняю, какие файлы добавить в Git (package.json, .gitignore, eleventy.js, .env.example). 37:50 Готовлю коммит: 31 файл, вся инфраструктура переписана. Выясняю дублирующиеся файлы в корне и папке assets. Выбираю физическое удаление дублей вместо git rm. *Деплой, ошибки сборки, breadcrumbs* 50:00 Пушу изменения. Ошибка сборки на CloudFlare — нужно прописать build command в wrangler.json. Логинюсь через Incognito (капча не работала в обычном браузере). Breadcrumbs появились — privacy policy больше не тупиковая. *PCI DSS документ и проверка Stripe* 1:05:00 Применяю ТЗ по правке текстов (267 строк изменений). Коммичу изменения. Спрашиваю: достаточно ли двух документов для Stripe? 1:22:00 ИИ: нужен третий — PCI DSS Compliance Statement. Агент создаёт файл в src/legal, добавляет в sitemap. 1:30:00 Делаю PDF-снимки всех страниц. Проверяю через Haiku и Sonnet по чек-листу Stripe. Выявляю: отсутствуют логотипы платёжных систем рядом с кнопкой оплаты. *Логотипы платёжных систем* 1:43:00 Скачиваю официальные логотипы: Visa, Mastercard, Amex, Discover, Diners Club, Google Pay, Apple Pay, Link, Afterpay, Klarna. Убираю JCB и Union Pay (только Азия). Агент размещает логотипы блоком рядом с кнопкой оплаты. 2:15:00 Блок появился на сайте. Уточняю формат: текстовые категории, не похожие на кнопки. *Финальная доводка: USD, юрисдикция, контакты* 2:30:00 Проверка через Haiku и Opus: валюта не обозначена как USD, ограничения по юрисдикции только в footer мелким шрифтом. Добавляю «All prices in USD», выношу ограничения (только штат Юта) в видимый блок на главной. 2:44:00 Агент удалил лишнее — прошу восстановить. Проверяю мобильную вёрстку. Добавляю номер телефона только для SMS (требование Stripe — несколько каналов связи). 2:58:00 Финальные правки: отступы в блоке юрисдикции, убираю дубль блока. Реализую логику альтернативного поля ввода URL (кнопка «особый случай» с текстовым полем до 500 символов). Тестирую — работает. Финальные PDF-снимки, проверка Stripe. Остаётся физический адрес (рекомендация). Валидацию в Stripe — в следующий раз. 🏷️ ТЕГИ stripe сайт требования, pci compliance сайт, eleventy статический генератор, cloudflare pages деплой, claude code агент, вайб кодинг, юридические документы stripe, платёжные системы логотипы, privacy policy сайт, вайбкодинг 2026