🤖 Tilda Space AI

Chrome-расширение для автоматической генерации посадочных страниц в Tilda с помощью Gemini AI

---

✨ Что умеет

• Мастер-агент (Оркестратор) — получает ваш промпт и составляет план страницы: дизайн-систему (цвета, шрифты, отступы) + список блоков с реальным русскоязычным контентом
• Параллельная генерация — каждый блок генерируется отдельным AI-агентом одновременно, ускоряя процесс в разы
• Авто-вставка в Tilda — готовый HTML автоматически вставляется прямо в редактор Tilda через T123 (HTML-блок)
• Выбор модели — поддержка Gemini 2.0 Flash, 2.5 Pro, 3.1 Pro и других моделей
• SVG-генератор — создание анимированных SVG-иконок и декоративных элементов
• Пресеты — готовые шаблоны промптов для AI-сервисов, стартапов, кафе, портфолио, фитнеса

---

🏗️ Архитектура

popup.js          — UI + Оркестратор + Агенты блоков (параллельно)
background.ts     — Service Worker: SVG-генерация, ACE-инъекция, CDP
content.ts        — Взаимодействие с Tilda: поиск редактора, вставка HTML

Флоу генерации:

1. Пользователь вводит промпт → Оркестратор создаёт JSON-план (дизайн-система + описания блоков с реальным текстом)
2. Все блоки генерируются параллельно через Promise.all
3. Пользователь нажимает «Вставить в Tilda» → content script открывает блок T123 и вставляет HTML в Ace Editor

---

🚀 Установка

1. Сборка расширения

npm install
npm run build:ext

2. Загрузка в Chrome

1. Открыть chrome://extensions/
2. Включить Режим разработчика
3. Нажать Загрузить распакованное
4. Выбрать папку dist-ext/

3. Настройка

1. Открыть расширение (иконка в тулбаре)
2. Вставить API-ключ Gemini (получить здесь)
3. Выбрать модель
4. Нажать Сохранить

---

💡 Использование

1. Перейдите в редактор Tilda на свою страницу
2. Откройте расширение
3. Введите описание сайта (или выберите пресет)
4. Нажмите Запустить агентов
5. После генерации нажмите Вставить в Tilda для каждого блока

---

🛠️ Разработка

npm run dev          # Vite dev server
npm run build:ext    # Сборка Chrome extension → dist-ext/
npm run build        # Сборка web app → dist/

---

📦 Стек

Технология	Назначение
TypeScript	Background + Content scripts
JavaScript	Popup логика
Gemini API	Генерация HTML-блоков и SVG
Chrome Extensions API	Tabs, Storage, Scripting, Debugger
Vite	Сборка проекта

---

📄 Лицензия

MIT © Horosheff