Маркетинг-стратег, IT-предприниматель, ментор по вайбкодингу
10+ лет в маркетинге, 300+ клиентских проектов: сайты, реклама, боты. Создатель GoBanana (228K+ пользователей, 11.6 млн ₽ выручки) и VibeCoderz. Делаю AI-продукты сам через Claude Code, Cursor, Windsurf и консультирую тех, кто хочет так же.
Практическое руководство по созданию повторяемой дизайн-системы внутри Claude: от мультиагентного цикла доводки (Design Loop) до генерации веб-интерфейсов и моушн-графики в связке с Higgsfield и Fish Audio.
🎯 О чём этот конспект:
Разбор методологии борьбы с «AI-слопом» (AI slop) и хаотичной генерацией визуала в Claude. Автор показывает, как перестать надеяться на случайный удачный результат и превратить Claude в предсказуемый дизайн-комбайн с помощью кастомных навыков (skills), субагентов-критиков, дизайн-систем и интеграции внешних инструментов через CLI и MCP.
👤 Кому будет полезно:
Вайбкодерам, фронтенд-разработчикам, создателям контента и фаундерам, которые используют Claude / Cursor для создания лендингов, продуктовой графики, афиш и анимаций, но устали от типового пластикового стиля нейросетей и постоянных съезжаний верстки.
✨ Что получите:
Пошаговый алгоритм оцифровки любого референса (от постеров до сложных продуктовых сайтов вроде Duolingo и анимаций в стиле медиа Vox), готовые системные промпты для запуска Design Loop, настройки связки Claude с Higgsfield CLI и Fish Audio API, а также фреймворк очистки интерфейсных текстов от «галлюцинаций маркетологов».
Контекст: Главная проблема 99% генераций в Claude и других LLM — это отсутствие воспроизводимости («the consistency problem»). Модель может один раз выдать великолепный визуал, но при следующей попытке генерирует несвязанный по стилю мусор, ломает интерлиньяж (line-height) или смещает акценты. Попытки просто просить модель «сделать красивее» приводят к 10 совершенно разным результатам при 10 повторах. Решение заключается в полном отказе от описательного подхода в пользу строгой деконструкции ДНК дизайна: измерение математических соотношений, фиксация правил отказов (refusals) и компиляция правил в постоянный исполняемый навык (Skill) Claude.
Тайминг:[00:08], [01:03], [04:41]
Выгода: Переход от единичных случайных результатов к промышленному пайплайну: 100% повторяемость фирменного стиля бренда для соцсетей, сайтов и клиентских проектов без ручной подгонки каждого экрана.
Как применить:
Шаг 1: Формулирование правил деконструкции (DNA Extraction) — Claude — Не описывайте картинку словами («футуристично, красиво»). Выделите точные метрики: золотое сечение (1.618), цветовое распределение 60-30-10, радиусы скруглений, тип теней, жесткие правила выравнивания (например: высота текстового блока в левой колонке строго равна графическому элементу справа).
Шаг 2: Создание негативных ограничений (Refusals) — Текстовый редактор / Notion — Зафиксируйте в правилах то, чего в дизайне быть НЕ должно (запрещенные градиенты, стандартные тени Tailwind, запрещенные шрифтовые пары, переполнение высоты строки).
Шаг 3: Тест на слепое воссоздание (Blind Rebuild Test) — Claude — Заставьте модель воссоздать оригинал исключительно по составленному файлу спецификации (без доступа к исходному изображению). Если результат расходится — вы забыли зафиксировать правило. Дополняйте правила, пока копия не совпадет на 95%+.
# Промпт для извлечения ДНК дизайна из референсаПроанализируй предоставленный референс дизайна. Не описывай его общими прилагательными. Деконструируй его структуру по следующим строгим инженерным осям:1. МАТЕМАТИЧЕСКИЕ ПРОПОРЦИИ И СЕТКА: - Соотношения сторон блоков, модульная сетка, отступы (padding, gap). - Выравнивание базовых линий (baseline alignment), правила ограничения line-height.2. ЦВЕТОВАЯ МОДЕЛЬ (ПРАВИЛО 60-30-10): - Доминирующий цвет фона (60%), вторичный структурный цвет (30%), акцентный цвет (10%). - Контрастность по WCAG, прозрачности и режимы наложения.3. МИКРОТИПОГРАФИКА: - Шрифтовые гарнитуры, трекинг, интерлиньяж, правила регистра (all-caps, sentence case).4. СПИСОК ОТКАЗОВ (REFUSALS): - Чего в этом дизайне категорически нет (типовые размытые тени, избыточный декор, AI-глитчи).5. ТЕСТОВЫЕ КРИТЕРИИ (ASSERTIONS): - 5 проверок, которые провалит любая некачественная копия (bad copy).Сформируй вывод в виде компактной спецификации правил (Design Ruleset Markdown).
Результат: Формализованный файл правил (Design Ruleset), по которому модель способна реплицировать дизайн в любом количестве вариаций без стилистических искажений.
2. Паттерн «Design Loop»: Мультиагентный цикл внутренней критики
Контекст: Когда вы просите Claude напрямую «сверстать постер» или «сделать лендинг», модель пытается угадать усредненное решение из обучающей выборки. Паттерн Design Loop решает эту проблему за счет запуска виртуальной команды субагентов внутри одного контекста. Один агент генерирует базовую разметку, второй выступает строгим арт-директором (проверяет композицию, «воздух», соответствие бренд-коду), третий тестирует технические ограничения (интерлиньяж, переполнение блоков, доступность). Они критикуют и дорабатывают код в замкнутом цикле до тех пор, пока макет не пройдет все чек-листы.
Тайминг:[02:14], [02:44], [03:36]
Выгода: Устранение 90% детских болезней верстки от ИИ: текст больше не вылезает за пределы контейнеров, сохраняется строгий ритм отступов, а визуальные элементы идеально зеркалят друг друга по осям.
Как применить:
Шаг 1: Упаковка промпта в постоянный навык Claude (Claude Skill) — Claude Projects / System Prompt — Загрузите логику цикла критики как постоянный скилл, доступный через команду /design-loop.
Шаг 2: Запуск цикла с целевым референсом — Claude — Прикрепите скриншот целевого интерфейса/постера и поставьте задачу, явно активировав скилл.
# Системная инструкция для создания скилла /design-loopТы — оркестратор Design Loop. При получении задачи на верстку или графический дизайн ты не выдаешь готовый ответ сразу. Ты инициализируешь 3 виртуальные роли:1. РОЛЬ: Lead UI Architect - Создает базовую HTML/SVG/CSS структуру, строго опираясь на правила модульной сетки и семантики.2. РОЛЬ: Ruthless Art Director - Анализирует предложенную разметку на предмет композиции, баланса негативного пространства, контраста и правила 60-30-10. - Ищет любые огрехи: вылет текста за пределы line-height, некорректное оптическое выравнивание иконок.3. РОЛЬ: Constraint & QA Engineer - Проверяет математическую точность: соответствие высоты левых и правых колонок, адаптивность, отсутствие AI-артефактов.ПРОЦЕСС:- Проведи минимум 2 итерации внутренних дебатов между агентами.- Зафиксируй замечания Art Director и QA.- Выдай финальный код и отдельный файл/блок с отчетом: какие ошибки были найдены на первой итерации и как они были исправлены.
Шаг 3: Активация скилла в чате — Claude — Вызовите команду через слэш и укажите контекст:
/design-loop
Мне нужен постер для AI-конференции для AI-креаторов, вдохновленный прикрепленным референсом.
Обязательно выведи отдельный файл с объяснением работы критиков (design critics feedback).
Результат: Готовый дизайн с выверенной типографикой и отчетом от субагентов, объясняющим, почему приняты те или иные визуальные решения.
3. Уровень 1 (Графика): Реверс-инжиниринг постеров и фиксация скилла /poster
Контекст: Дизайн афиш и постеров — отличная проверка дизайн-системы, так как здесь малейшая ошибка в межбуквенном расстоянии или высоте плашек бросается в глаза. Взяв за основу эстетичный референс с платформ вроде Savee, автор разбирает композицию на анатомические слои: фоновое полотно, фотообъект, плашки с метаданными спикеров, футер с логотипами партнеров. Модель выявляет зависимости: например, высота плашки в правом нижнем углу должна строго соответствовать высоте текстового блока слева.
Тайминг:[01:79], [04:02], [05:06], [05:40]
Выгода: Создание кинематографичных постеров студийного уровня за 30 секунд вместо 2 часов работы в Figma / Photoshop.
Как применить:
Шаг 1: Подбор референса на Savee — Savee.it — Найдите постер с сильной сеткой и скачайте его (или сделайте четкий скриншот).
Шаг 2: Извлечение ДНК через скилл Design Loop — Claude — Загрузите изображение в Claude, указав команду /design-loop и параметры генерации (названия спикеров, дата, логотипы).
Шаг 3: Сохранение правил в постоянный навык /poster — Claude — После того как Claude сгенерировал первый идеальный вариант, скомандуйте ему сохранить правила в reusable skill. При генерации новых постеров скилл сам будет запрашивать недостающие переменные: тему, ключевой объект (subject), передний и задний план.
# Промпт для кодификации генератора постеров в навыкПреврати структуру и правила этого созданного постера в постоянный скилл `/poster`.Скилл должен:1. Запрашивать у пользователя перед стартом недостающие параметры: - [Subject]: Главный объект/персонаж - [Foreground]: Текстовые плашки, оверлеи, бейджи - [Background]: Стиль и атмосфера подложки - [Accent Color]: Акцентный цвет (по умолчанию подбирать по гармонии)2. Поддерживать единую модульную сетку с жесткой фиксацией высоты блоков метаданных.3. Генерировать готовый SVG/HTML-постер в высоком разрешении.
Шаг 4: Тест цветовых вариаций — Claude — Запросите генерацию того же постера в 2 альтернативных цветовых палитрах для проверки стабильности сетки:
Используя сохраненные правила постера, сгенерируй этот же постер в двух альтернативных цветовых темах:
1. Кибернетический монохром (глубокий графит + неоновый лайм).
2. Теплый швейцарский модернизм (матовый крем + кобальтовый синий + жженый оранжевый).
Сетка, шрифты и отступы должны остаться идентичными на 100%.
Результат: Персонализированный генератор постеров /poster, стабильно выдающий макеты журнального качества с сохранением пропорций при любых цветах и вводных данных.
4. Подключение внешних инструментов генерации: Claude + Higgsfield CLI / MCP
Контекст: Claude блестяще справляется с кодом, версткой, SVG и композицией, но не может генерировать растровые фотореалистичные изображения и видео внутри диалога без внешних сервисов. Вместо того чтобы вручную переключаться между вкладками Midjourney, Higgsfield или Runway, автор подключает Higgsfield через CLI/MCP (Model Context Protocol) напрямую в терминал Claude Code. Это позволяет Claude самостоятельно вызывать команды генерации ассетов, забирать ссылки на готовые файлы и вставлять их прямо в код верстки.
Тайминг:[02:81], [03:15], [06:78]
Выгода: Сквозной автоматизированный цикл: от идеи до готовой HTML-страницы с реальными сгенерированными картинками и видеофонами без ручного скачивания и переименования файлов.
Как применить:
Шаг 1: Получение инструкций по CLI/MCP Higgsfield — Higgsfield — Перейдите в документацию Higgsfield, раздел CLI / MCP, скопируйте команды установки или конфигурацию сервера.
Шаг 2: Подключение через интерфейс Claude — Терминал / Claude Code — Дайте Claude инструкцию по подключению инструмента:
# Пример добавления MCP-сервера Higgsfield в конфигурацию Claude Codeclaude mcp add higgsfield -- higgsfield-mcp-server --api-key YOUR_HIGGSFIELD_API_KEY
Если вы работаете в веб-интерфейсе Claude с поддержкой агентных инструкций:
Подключись к Higgsfield через предоставленный CLI/MCP.
При верстке сайтов и постеров вызывай генерацию необходимых фонов и персонажей напрямую через Higgsfield CLI, забирай полученные ссылки и подставляй их в теги <img> и CSS-свойства background-image.
Результат: Claude получает возможность по запросу генерировать графические ассеты нужного разрешения и стиля прямо во время верстки макета.
5. Уровень 2 (Веб): Полный UI Design OS на примере клона Duolingo для AI
Контекст: Создание продающего лендинга — самый прибыльный навык веб-разработчика. Чтобы сайт выглядел целостно, одного CSS недостаточно: нужен полноценный Design OS. Автор берет за референс сайт Duolingo (интерактивный, с персонажами, плашками уровней и узнаваемыми 3D-кнопками) через сервис Referral Design (каталог из 2000+ AI-читаемых дизайн-систем) и переосмысляет его под концепт «Duolingo для обучения AI» с помощью своего скилла Website Design System.
Выгода: Вы получаете не просто одностраничник, а полноценную дизайн-систему: UI Kit (кнопки, состояния, поля), графическую библиотеку персонажей (Cast Members), карту моделей (Model Sheets с ростом и пропорциями) и динамический пул шрифтов.
Как применить:
Шаг 1: Анализ структуры референса — Referral Design / Duolingo.com — Скопируйте URL целевого продукта или выгрузите его AI-friendly дизайн-систему.
Шаг 2: Формирование задания на разработку — Claude — Запустите связку Design Loop + Higgsfield CLI + Design System Skill:
/design-loop Сделай полноценный интерактивный веб-сайт по концепции "Duolingo для изучения AI", взяв за основу UI/UX референс Duolingo: [Вставить URL референса].Требования:1. Используй Higgsfield CLI для генерации всех персонажей и иллюстраций интерфейса.2. Подключи мой Website Design System Skill и сформируй отдельную вкладку/раздел "Design System", где отобрази: - Полную типографику (рекомендуемые гарнитуры и иерархию). - Инвентарь UI-компонентов: 3D-кнопки (hover/active состояния), шкалы прогресса, карточки уроков, модальные окна. - Graphical Design System (Cast Members): перечень персонажей с жесткими правилами их отрисовки (Model Sheets с пропорциями роста, чтобы персонаж не менял анатомию в разных сценах). - Motion Loops: спецификации зацикленных микроанимаций.
Шаг 3: Экспорт библиотеки ассетов (Asset Inventory) — Claude — Убедитесь, что модель выгрузила спецификацию каждого персонажа. Теперь, если вам понадобится персонаж «робот читает книгу» или «сова пьет кофе», модель обращается к единому Model Sheet и генерирует персонажа строго в тех же пропорциях.
Результат: Полноценный интерактивный веб-сайт с фирменным стилем Duolingo, собственной вкладкой дизайн-системы и набором правил для дальнейшего масштабирования продукта.
6. Де-слопификация копирайтинга: Замена generic-текстов на конвертящую подачу
Контекст: Главный маркер дешевого AI-сайта — это не только картинки, но и тексты («AI slop copy»). Нейросети обожают шаблонные клише: «Раскройте потенциал вашего бизнеса», «Инновационная платформа нового поколения», «Начните прямо сейчас». Автор внедряет внутри своего скилла анти-слоп фильтр, объединяющий принципы Википедии (нейтральность, фактологичность), фреймворк Стива Круга «Don't Make Me Think» и маркетинговую концепцию «Name the Pain» (назови конкретную боль клиента).
Тайминг:[08:22], [08:44], [08:76]
Выгода: Рост конверсии лендинга и доверия пользователей. Текст звучит как работа живого senior-копирайтера, бьет в реальные страхи аудитории и избавляет от ощущения «сайта-однодневки».
Как применить:
Шаг 1: Подключение анти-слоп словаря — Claude — Интегрируйте в системный промпт для копирайтинга запрет на generic-конструкции.
Шаг 2: Применение принципа «Name the Pain» — Claude — Заменяйте абстрактные выгоды на жесткие наблюдения из реальности.
Было (AI-слоп): «The fun way to learn AI» (Веселый способ учить ИИ).
Стало (Anti-slop): «Everyone uses AI. Almost nobody is good at it» (ИИ пользуются все. Но почти никто не умеет делать это хорошо).
Было: «Get started today and boost your skills».
Стало: «In a month you'll prompt like you meant it. A portfolio, not a paper certificate».
# Промпт: Anti-AI-Slop Copy TransformerПроанализируй все тексты на созданном лендинге и выполни тотальную очистку от AI-слопа (De-AI Slopify):1. ЗАПРЕЩЕННЫЕ СЛОВА И ШАБЛОНЫ (УДАЛИТЬ): - "Unleash", "Elevate", "Game-changer", "Revolutionize", "Delve", "Supercharge". - Банальные призывы к действию: "Get started", "Join now", "Learn more".2. ПРИМЕНИ ПРИНЦИП "NAME THE PAIN": - Замени абстрактные обещания счастья на четкое формулирование скрытого стыда или боли пользователя (например: "Все вокруг делают вид, что понимают ИИ, но на самом деле просто копируют чужие промпты").3. ПРИНЦИП СТИВА КРУГА (DON'T MAKE ME THINK): - Убери двусмысленность. Если блок объясняет фичу — скажи прямо, что произойдет при нажатии кнопки.4. ФАКТУРА И ДЕТАЛИЗАЦИЯ: - Используй конкретные временные рамки и результаты ("5 минут в день", "портфолио вместо бумажного сертификата").
Результат: Резкий, убедительный, конверсионный текст без единого признака генерации языковой моделью.
7. Уровень 3 (Моушн-графика): Реверс-инжиниринг роликов в стиле Vox
Контекст: Медиа-агентство Vox славится своим уникальным стилем познавательных эксплейнеров: лаконичные стрелки-указатели, контрастные плашки с цифрами, анимация появления объектов, вырезанные фото на движущемся фоне и динамичный темп. Это считается одним из сложнейших стилей для воспроизведения в ИИ. Автор демонстрирует, как разобрать 10-секундный клип Vox (сюжет про акулу) и заставить Claude пересобрать его в совершенно другой теме (инфографика про породу собак спрингер-спаниель).
Выгода: Создание вовлекающих видео-эксплейнеров для YouTube Shorts, Reels и TikTok по проверенному голливудскому стандарту без найма моушн-дизайнера за $500–1000 за ролик.
Как применить:
Шаг 1: Деконструкция компонентов таймлайна Vox — Claude — Загрузите фрагмент или скриншоты оригинального ролика Vox и поставьте задачу разобрать слои:
Слой 4: Текстовые плашки с фактами (рост: 20 дюймов, вес: 50 фунтов, исходное назначение породы).
Шаг 2: Генерация фонового видео через Higgsfield — Claude / Higgsfield CLI — Модель отправляет команду в Higgsfield на генерацию цикла с падающими осенними листьями и ручьем.
Шаг 3: Сборка анимации в коде (Remotion / CSS / HTML Canvas) — Claude — Claude генерирует таймлайн анимации с выверенными таймингами появления плашек точно по ритму оригинального ролика Vox:
/design-loop Создай 10-секундную моушн-графику в стиле эксплейнеров Vox. В качестве золотого стандарта (gold standard) используй тайминги и композицию прикрепленного 10-секундного референса Vox.Тема: Английский спрингер-спаниель (English Springer Spaniel).Компоненты:1. Фон: Сгенерируй через Higgsfield зацикленное видео осеннего леса с падающими листьями.2. Центральный объект: Спрингер-спаниель с плашкой масштабирования (высота 20 дюймов, вес 50 фунтов).3. Графика: Желтые фирменные стрелки Vox, появляющиеся по ключевым кадрам для акцента на мускулатуре и ушах.4. Озвучка: Синхронизируй анимацию появления текста с аудиодорожкой из Fish Audio.
Результат: Готовый 10-секундный эксплейнер с кинематографичным видеофоном, векторными выносками и точной анимацией в фирменной стилистике Vox.
8. Эмоциональный саунд-дизайн: Интеграция Fish Audio API и микротегирование эмоций
Контекст: Плохая начитка голосом от ИИ сразу выдает фейк. Большинство генераторов речи (TTS) звучат монотонно и не умеют передавать контекст: грусть, удивление, азарт или научную иронию. Кроме того, популярные сервисы дороги для массового продакшена. Автор подключает Fish Audio — платформу, которая в 3–7 раз дешевле аналогов, поддерживает модель S2.1 и позволяет управлять интонацией с помощью специальных эмоциональных тегов и автоматической расстановки акцентов (auto-tagging).
Выгода: Снижение затрат на генерацию голоса на 70%+, получение живой дикторской начитки с вздохами, паузами и драматическими акцентами прямо через Claude.
Как применить:
Шаг 1: Получение API ключа — Fish Audio (fish.audio) — Зайдите в раздел Developer (в левом нижнем углу) -> API Keys -> нажмите Create API Key.
Шаг 2: Подключение к Claude — Claude — Передайте Claude команду на подключение API:
Подключись к Fish Audio API, используя предоставленный ключ API: [ВАШ_API_KEY].
Для генерации дикторского голоса используй модель S2.1 и голос "Clear Young Narrator".
Шаг 3: Микротегирование сценария диктора — Fish Audio / Claude — Добавьте в текст сценария явные эмоциональные теги либо используйте функцию Auto Tag для автоматической разметки эмоционального окраса:
[excited] The English Springer Spaniel is a powerful dog that loves hunting! [pause: 0.4s]
[whispering] But unfortunately... they eat a lot of schmackos.
[crying loudly] Goodbye, my diet!
Шаг 4: Генерация и сведение аудио с видеорядом — Claude — Claude отправляет запрос к API, скачивает аудиофайл нужной длительности и подгоняет ключевые кадры моушн-графики под моменты произнесения ключевых слов.
Результат: Профессиональная дикторская начитка с естественными человеческими эмоциями и звуковыми эффектами, бесшовно встроенная в видеоролик.
FAQ
В: Почему обычные дизайн-системы (Tailwind, Material UI) не спасают от ощущения «сделано нейросетью»? О: Потому что базовые дизайн-системы стандартизируют только технические токены (отступы, цвета), но не смысловую и визуальную композицию. Нейросеть берет типовые кнопки Tailwind и расставляет их по шаблонной сетке с размытыми тенями и generic-текстами. Подход автора фиксирует не просто компоненты, а негативные ограничения (refusals), соотношения площадей (60-30-10) и правила балансировки блоков, которые исключают шаблонность.
В: Что делать, если у меня нет доступа к Claude Code в терминале, а есть только веб-версия Claude.ai? О: Вся методология работает и в веб-версии Claude через создание Project с кастомными инструкциями или загрузку Notion-документа со спецификацией правил. Разница лишь в том, что при отсутствии прямого CLI-доступа к Higgsfield и Fish Audio вам придется вручную генерировать картинки/аудио и вставлять ссылки/файлы обратно в чат.
В: Как понять, какие именно правила оформления нужно записывать в дизайн-систему? О: Применяйте тест «Bad Copy Failure»: сформулируйте 5 конкретных условий, по которым плохая копия провалит проверку. Например: «Высота блока с описанием спикера строго равна 72px», «В иконках используется только stroke толщиной 1.5px без заливки», «В интерфейсе используется максимум 1 акцентный цвет площадью не более 10%». Все, что можно измерить числом или булевым значением (да/нет), должно стать правилом.
В: Зачем использовать Fish Audio, если есть ElevenLabs? О: Как отмечает автор, Fish Audio обходится в 3–7 раз дешевле при сопоставимом качестве, а его модель S2.1 отлично поддерживает тегирование эмоций в тексте (смех, шепот, плач, восторг), что критически важно для динамичных видео эксплейнеров в духе Vox.
В: Как заставить Claude не ломать отступы и интерлиньяж (line-height) при реверс-инжиниринге постеров? О: Задайте субагенту-критику прямую задачу: проверять, чтобы нижняя граница текстового блока оптически выравнивалась по нижней границе соседнего графического элемента. Запретите модели использовать произвольные отступы margin-top в пикселях без привязки к базовой сетке.
В: Что такое Model Sheet персонажа и зачем он нужен при верстке сайтов? О: Model Sheet — это спецификация пропорций и характерных черт маскота (рост, цветовые коды одежды, ключевые позы). Если не зафиксировать Model Sheet, то при каждой генерации через Higgsfield или Midjourney ваш персонаж будет выглядеть как совершенно другой герой, что мгновенно разрушает брендинг продукта.
Ресурсы и ссылки
Savee — платформа для поиска высококлассных дизайн-референсов, постеров и графики — https://savee.it
Referral Design — база данных из более чем 2000 AI-читаемых дизайн-систем реальных технологических продуктов — https://referraldesign.com (упомянут в видео)
Higgsfield — мультимодальная платформа для генерации изображений и видео с поддержкой CLI и MCP — https://higgsfield.ai
Fish Audio — высокоскоростной и экономичный сервис синтеза речи с поддержкой эмоциональных тегов и модели S2.1 — https://fish.audio
Steve Krug: «Don't Make Me Think» — классическая книга по UX и интерфейсам, принципы которой внедрены в анти-слоп систему копирайтинга автора — упомянута в видео.
Конспект создан на основе видео «Claude Design: The Secret System for 10x Better Visuals» канала Jack Roberts. Все права на оригинальный материал принадлежат авторам.Источник: https://www.youtube.com/watch?v=cM5n9priMjo