Описание

Создать сайт-портфолио с живым AI-ассистентом, встроенным в страницы сайта, и Telegram-ботом-дублёром. AI должен отвечать посетителям на вопросы об услугах, опыте и ценах - в чате на сайте и в мессенджере. Требовался единый AI-бэкенд, безопасность от инъекций и потоковые ответы.

Решение

- AI-чат на Web Components (Shadow DOM): боковая панель на десктопе (30vw), полный экран на мобильном
- Побуквенная печатная машинка с финальным markdown-рендерингом
- Визуализация фаз агента: thinking (импульсы на Canvas 2D) → typing (3D-сфера на Three.js) → done
- Единый AI-бэкенд на Hermes Agent + DeepSeek с system prompt под услуги и цены
- Telegram-бот @StrongNoteSecretaryBot на aiogram: голосовой ввод (faster-whisper), быстрые кнопки
- Безопасность: 41 regex-паттерн против prompt injection, детектор циклов, bash-песочница, Fernet-шифрование, SQLite rate limiter
- Деплой: Ubuntu VPS, Nginx (авто-SSL), systemd, GitHub Actions авто-деплой при push в master

Результат

Работающий сайт https://strongnote.ru с AI-консультантом, доступным 24/7. Telegram-бот @StrongNoteSecretaryBot - независимый канал взаимодействия с посетителями. Единый бэкенд обслуживает оба фронта. Все обновления деплоятся автоматически. Система защиты отражает prompt injection и злонамеренные запросы.

Презентация проекта

Ссылки на примеры реализации