Я не дизайнер. Но собрал сайт и систему, которые не стыдно показать — вот 5 приёмов

Я руководитель продаж, не дизайнер и не программист. Всю свою систему и этот сайт собрал с ИИ сам. Первое, что понял: просишь «сделай красиво» — получаешь красиво как у ларька. Первую версию этого сайта я целиком выбросил. Красота у ИИ берётся не из прилагательных, а из того, как ты ставишь задачу. Вот пять приёмов, которые сработали, — с фразами, которые можно повторить дословно.

Почему у ИИ выходит некрасиво

«Сделай современно», «сделай стильно», «как у Apple» — для ИИ это пустой звук. Он не знает твой вкус и берёт первый попавшийся шаблон. Моя первая версия выглядела как конструктор из 2015-го: градиенты, стоковые иконки, всё вразнобой. Я злился на результат, пока не понял: проблема не в ИИ. Проблема в брифе.

Приём 1: дай эталон, а не прилагательные

Я перестал описывать словами. Кидаю скрин сайта, который мне нравится, и прошу: «разбери, из каких блоков он собран, и повтори логику под мой контент». ИИ отлично разбирает чужую структуру — сетку, ритм, отступы — и собирает по делу, а не по фантазии. Один скрин-эталон заменяет час переписки.

Приём 2: заставь его смотреть на результат

Главный перелом. Раньше ИИ отдавал код вслепую — «должно работать». Теперь он сам открывает страницу в браузере, делает скриншот, смотрит на него и правит то, что криво. Как человек, который проверяет работу глазами, а не сдаёт не глядя. Повторить просто: после каждой правки проси «открой страницу, сделай скриншот и опиши, что видишь — отдельно на ширине телефона». У меня половина косяков всплывала именно там: на компьютере ровно, на экране телефона — каша. С этого момента качество выросло скачком.

Приём 3: одна библиотека блоков

Все стили живут в одном месте — у меня это один файл на весь блог и сайт. Новая страница собирается из готовых блоков, а не рисуется заново. К этому я пришёл не сразу: первые страницы делал каждый раз с нуля, и они выглядели как десять разных сайтов. Лечится одной фразой к ИИ: «все цвета, шрифты и блоки — в одном файле; новые страницы собирай только из него, ничего не выдумывай на месте». Теперь меняю правило в одном месте — меняется везде.

Приём 4: живые виджеты вместо картинок

Стоковые картинки безликие, AI-генерация — чужой стиль и мусор в деталях. Я делаю инфографику кодом: графики, которые сами себя рисуют, схемы с движением. Это дешевле картинок, всегда в моём стиле и выглядит дороже. Всё, что двигается в этой статье, — код, ни одной картинки. Подробно разобрал в статье про блог, который сам себя рисует.

Приём 5: правила проекта, которые ИИ соблюдает сам

Контраст, читаемость, отступы, поведение на телефоне — я записал это в проект законом. Технически это обычный текстовый файл правил в папке проекта: ИИ читает его в начале каждой сессии и сверяется перед сдачей. Раньше я повторял «проверь на телефоне» в каждом чате и всё равно забывал — теперь не надо напоминать вообще. Один раз настроил — работает всегда.

Что в итоге

Один человек без дизайнера и без штата собрал сайт, систему и весь визуал — ты смотришь на результат прямо сейчас. Я не гений: первую версию выбросил, вторую переделывал по скриншотам, пока не собрал библиотеку. Просто научился ставить задачу и один раз записал правила. Начни с приёма 1 — он даёт результат в первый же вечер.