Фабрика affiliate-лендингов

0TL;DR — что должно происходить

Заказчик кидает в чат одну строку:

@pm-admin сделай лендос domain=luckyspin-fr.com geo=FR offer=LuckySpin ref=lucky8fr.fr

Через 5–15 минут в папке D:\claw\landings\sites\luckyspin-fr.com\ лежит готовый комплект:

• index.html — открываемый локально лендинг под FR-гео в стиле lucky8fr.fr
• assets/img/* — Hero-картинка, логотип, иконки фич, превью слотов (всё сгенерено Gemini 3.1 Flash Image)
• seo/ — robots.txt, sitemap.xml, schema.json
• BRIEF.md — заполненный бриф (что заказывали)
• REPORT.md — отчёт пайплайна: что сделал каждый агент, Lighthouse-score, скриншот превью

Заказчик открывает index.html двойным кликом, смотрит, говорит «ок» или «переделай вот это» — и идёт к следующему. Ноль ручной возни.

1Цель проекта

Запустить сетку статичных affiliate-лендингов под казино-офферы в нескольких гео. Сайты должны:

1. Визуально походить на конкурентов из списка (см. _competitors/COMPETITORS.md)
2. Конвертировать клик → регистрацию → депозит через affiliate-tracker
3. Делаться за минуты, а не за дни — массовое производство
4. Работать без билда — открываются как index.html локально
5. Деплоиться на любой статичный хостинг (Vercel · Cloudflare Pages · VPS)

Гео-таргеты

2Входные данные от заказчика

Чтобы запустить пайплайн, нужно 4 параметра:

Опциональные параметры (с дефолтами)

3Автономный пайплайн

12 шагов. У каждого — свой агент. Заказчик ничего не делает, кроме старта.

1. 18+ strip                7. Steps (как начать)
2. Sticky header            8. Payments
3. Hero + бонус-карточка     9. FAQ
4. Top games               10. Big CTA
5. Features (3-4 иконки)   11. Footer
6. Trust badges            12. Floating mobile CTA + cookie

4Команды запуска

4.1 Базовая (один лендос)

@pm-admin сделай лендос domain=luckyspin-fr.com geo=FR offer=LuckySpin ref=lucky8fr.fr

4.2 С опциональными параметрами

@pm-admin сделай лендос
  domain=primaplay-au.com
  geo=AU
  offer=PrimaPlay
  ref=primaplaycasino-au.com
  palette=red-black
  type=multi-offer
  mood=vegas-neon

4.3 Массово (батчем)

@pm-admin сделай батч лендосов из batch.csv

Где batch.csv:

domain,geo,offer,ref,palette,type
luckyspin-fr.com,FR,LuckySpin,lucky8fr.fr,dark-gold,one-pager
primaplay-au.com,AU,PrimaPlay,primaplaycasino-au.com,red-black,one-pager
mafia-nz.org,NZ,MafiaCasino,mafia-casino.nz,purple-noir,one-pager

pm-admin запускает пайплайн параллельно по всем строкам (rate-limit на Gemini — макс 4 в параллель).

4.4 Только переделать секцию

@pm-admin переделай hero у luckyspin-fr.com mood=neon-purple

Запускается только Gemini → dev-frontend (re-injection). Остальное не трогаем.

4.5 Cross-brand (как win-airlines.com.de)

@pm-admin сделай cross-brand лендос
  domain=top-casinos-de.com
  geo=DE
  offers=BrandA,BrandB,BrandC,BrandD,BrandE
  ref=win-airlines.com.de

5Архитектура папок

D:\claw\landings\
├── README.md
├── TZ.md / TZ.html                     ← мастер-спецификация
│
├── _brief/
│   └── BRIEF_TEMPLATE.md               ← шаблон брифа на сайт
│
├── _competitors/
│   └── COMPETITORS.md                  ← каталог рефа по гео
│
├── _references/
│   └── screenshots/<geo>/<domain>/
│       ├── desktop.png
│       ├── mobile.png
│       └── summary.json                ← вывод data-parser
│
├── _shared/
│   ├── offers/<brand>.json             ← affiliate-карточки
│   ├── templates/
│   │   ├── casino-onepager.html        ← мастер-шаблон HTML
│   │   ├── casino-multi-offer.html
│   │   └── casino-cross-brand.html
│   ├── components/                      ← переиспользуемые HTML-блоки
│   ├── palettes/<name>.css             ← готовые палитры
│   └── locales/<geo>.json               ← compliance-тексты, ссылки помощи
│
└── sites/<domain>/                      ← каждый лендинг
    ├── index.html                       ← результат
    ├── BRIEF.md                         ← заполненный бриф
    ├── REPORT.md                        ← отчёт пайплайна
    ├── assets/
    │   ├── img/                         ← Gemini-картинки
    │   └── screenshot.png               ← превью самого лендинга
    └── seo/
        ├── robots.txt
        ├── sitemap.xml
        └── schema.json

6Технологический стек

Чего нет и почему

• React / Next.js / Tailwind CSS — лендинги статичные, билд только удлиняет время и режет Lighthouse Performance
• Внешних JS-библиотек — критично для Performance score, влияет на конверсию
• Аналитики на старте — добавляем GA4 / Microsoft Clarity опционально через ENV-переменную

7HTML-шаблон с плейсхолдерами

Файл _shared/templates/casino-onepager.html — это HTML с плейсхолдерами вида {{key}}, которые заполняются из STRUCTURE.json + COPY.json + offer.json.

Список плейсхолдеров

8Gemini-интеграция (визуал)

8.1 Промпты — точные шаблоны

A) Hero-image (1600×900, JPG/WebP)

Premium casino visual for "{{brand_name}}", {{geo}}-targeted audience.
Setting: {{mood}} (e.g., "luxurious dark casino floor with golden roulette wheel,
cinematic lighting, neon accents in {{palette_primary}}").
Style: photorealistic, high-detail, dramatic depth-of-field.
Composition: cinematic 16:9, leave 30% empty on right for text overlay.
Mood: aspirational, exciting, trustworthy.
No text in image. No people's faces. No real brand logos.
Resolution: 1600×900.

B) Logo (512×512, PNG transparent)

Minimalist casino logo for brand "{{brand_name}}".
Style: badge-style emblem, modern serif typography, gold and {{palette_secondary}}.
Elements allowed: stars, crowns, dice, cards, simple geometric shapes.
No photographic elements. No human figures.
Background: fully transparent.
Resolution: 512×512.

C) Game thumbnail (480×640, PNG) × 6

Цикл по 6 темам слотов: Egyptian / Sweet Bonanza / Wolf / Pirate / Aztec / Olympus.

Vertical slot machine thumbnail in {{theme}} theme.
Style: vibrant illustration, bright saturated colors, mobile game aesthetic.
Composition: 3:4 portrait, centered hero element with thematic background.
No text. No real game logos.
Resolution: 480×640.

D) Feature icons (256×256, PNG transparent) × 4

4 иконки: speed (молния), shield (щит), mobile (телефон), headset (наушники).

Flat glass icon, "{{icon_concept}}", in {{palette_secondary}} on transparent background.
Style: glassmorphism, soft glow, premium UI quality.
No text. Single object centered. 1:1 aspect ratio.
Resolution: 256×256.

8.2 Параметры API

{
  model: "gemini-3.1-flash-image",
  generationConfig: {
    responseMimeType: "image/png",
    candidateCount: 1,
    safetySettings: "default"
  }
}

8.3 Хранение и оптимизация

1. Gemini выдал PNG → сохранить как assets/img/<role>-original.png
2. sharp → ресайз и конверт в WebP → assets/img/<role>.webp
3. PNG-fallback для старых браузеров через <picture> с <source srcset="*.webp">

8.4 Кэш и переиспользование

9SEO + Compliance по гео

9.1 Файл локали — единый источник правды

_shared/locales/<geo>.json — все compliance-данные, валюты, запреты в одном месте.

{
  "FR": {
    "lang": "fr-FR",
    "currency": "EUR",
    "currency_position": "after",
    "min_age": 18,
    "helpline_phone": "09 74 75 13 13",
    "helpline_url": "https://www.joueurs-info-service.fr/",
    "regulator": "ANJ",
    "forbidden_words": ["gratuit", "garanti", "sans risque", "argent facile"],
    "cta_examples": ["Jouer", "Réclamer le bonus", "S'inscrire"],
    "cookie_banner_text": "Ce site utilise des cookies…",
    "responsible_gambling_blurb": "Le jeu peut être addictif. Jouez avec modération."
  },
  "AU": {
    "lang": "en-AU",
    "currency": "AUD",
    "min_age": 18,
    "helpline_url": "https://www.gamblinghelponline.org.au/",
    "regulator": "ACMA",
    "slot_term": "pokies",
    "forbidden_words": ["risk-free", "guaranteed", "win every time"]
  },
  "NZ": {
    "lang": "en-NZ",
    "currency": "NZD",
    "min_age": 20,
    "helpline_url": "https://www.gamblinghelpline.co.nz/",
    "slot_term": "pokies"
  },
  "DE": {
    "lang": "de-DE",
    "currency": "EUR",
    "currency_position": "after",
    "min_age": 18,
    "helpline_url": "https://www.bzga.de/",
    "regulator": "GGL (Glücksspielbehörde)",
    "forbidden_words": ["risikolos", "garantiert", "100% sicher"],
    "extra_disclaimer": "Spielen kann süchtig machen. OASIS-Sperrsystem verfügbar."
  }
}

9.2 Schema.org (минимум на лендос)

[
  {"@type": "Organization", "name": "{{brand_name}}", "url": "https://{{domain}}"},
  {"@type": "FAQPage", "mainEntity": [...{{faq[]}}]},
  {"@type": "BreadcrumbList", "itemListElement": [...]}
]

9.3 Запреты по локалям

10Quality Gates (приёмка)

Перед тем как пометить лендос «готов», pm-admin собирает чек-лист.

11Отчёт пайплайна

Шаблон файла sites/<domain>/REPORT.md, который генерится автоматом:

# Report — luckyspin-fr.com

**Started:**  2026-05-05 14:32:01
**Finished:** 2026-05-05 14:39:22
**Duration:** 7m 21s

## Pipeline
| # | Agent                | Status | Duration | Notes                                |
|---|----------------------|--------|----------|--------------------------------------|
| 0 | pm-admin             | ✅     | 0:02     | brief filled, defaults applied       |
| 1 | data-parser          | ✅     | 0:38     | lucky8fr.fr → 12 sections, dark+gold |
| 2 | content-manager      | ✅     | 0:04     | LuckySpin offer loaded               |
| 3 | design-landing       | ✅     | 0:11     | structure: 12 sections               |
| 4 | gemini-nano-banana-2 | ✅     | 2:48     | 12 images, 480 KB total, $0.48       |
| 5 | seo-copywriter       | ✅     | 0:32     | FR copy, 0 forbidden words           |
| 6 | dev-frontend         | ✅     | 0:18     | HTML 18.6 KB                         |
| 7 | seo-technical        | ✅     | 0:09     | meta + schema + sitemap              |
| 8 | localization-i18n    | ✅     | 0:04     | EUR/€ after, no RTL                  |
| 9 | legal-compliance     | ✅     | 0:06     | FR helpline, joueurs-info-service.fr |
|10 | design-auditor       | ⚠️→✅   | 0:21     | 1 contrast issue → fixed             |
|11 | dev-tester           | ✅     | 1:08     | LH 96/94/98/91                       |

## Output
- index.html — 18.6 KB
- assets/img/ — 12 files, 480 KB
- seo/ — robots.txt, sitemap.xml, schema.json
- assets/screenshot.png — 320 KB

## Lighthouse
Performance: **96** · Accessibility: **94** · SEO: **98** · Best Practices: **91**

## Cost
Gemini 3.1 Flash Image: $0.48 · Compute (local): ~$0 · **Total: $0.48**

12Эволюция: от локалки к проду

13Roadmap

14Что нужно от заказчика прямо сейчас

Чтобы завести первый реальный лендос (не демо), от тебя нужно:

@pm-admin сделай лендос
  domain=...
  geo=...
  offer=...
  ref=...

15Принципы работы команды

1. Минимум вопросов заказчику — все решения по дефолтам, fallback'и, серые зоны решает команда сама. Заказчик апрувит / корректирует на готовом результате.
2. Один источник правды на гео — _shared/locales/<geo>.json. Compliance-логика не дублируется в коде агентов.
3. Один источник правды на оффер — _shared/offers/<brand>.json. Tracking URL и бонус нигде больше не хардкодятся.
4. Кэш картинок — Gemini-генерации кешируются по паре (brand, role). Не перегенерим логотипы зря.
5. Никаких manual-touch финалов — если потребовалась ручная правка, это баг пайплайна → фиксим в шаблоне или агенте, а не в index.html руками.
6. Каждый лендос → REPORT.md — без отчёта работа не считается завершённой.
7. 18+ и helpline — обязательны, никогда не выпиливаем «для скорости».