◳Сайты
Создаём сайты и лендинги с помощью ИИ - от идеи до публикации.
Интерфейс от ИИ выглядит как у всех: убираем «слоп»
Просишь модель сделать красиво - получаешь фиолетовый градиент, стеклянные карточки и эмодзи вместо иконок. Разбираем, почему так выходит, и даём пять приёмов плюс файл правил проекта, после которого агент перестаёт выдумывать дизайн.
Хочу свой сайт, но я не программист
Нужен сайт для дела, а разработчик просит десятки тысяч и месяц времени. Разбираем, как собрать и опубликовать сайт самому с помощью ИИ - без кода, за вечер, и что делать, если хочется красиво.
Сделать свой сайт с нуля, не умея программировать
От «хочу сайт» до опубликованной страницы в интернете: описываете словами, ИИ собирает, вы правите и выкладываете. Без вёрстки и без дизайнера.
Как проверить идею интерфейса до разработки: что действительно умеет v0
По одному описанию v0 позиционируется как ИИ-помощник для создания веб-приложений. Разбираемся, какие выводы о макетах и прототипах подтверждены источником, а какие пока делать нельзя.
Как ИИ собирает интерфейс прямо во время диалога
Generative UI превращает ответ модели в работающий элемент интерфейса: например, погодную карточку или блок с ценой акции. Разбираем цепочку от запроса пользователя до React-компонента и показываем, что нужно учесть при создании собственного ИИ-приложения.
Бренд-кит без дизайнера: соберите единый визуальный язык с Claude Code
Опишите характер бизнеса один раз, а затем превратите его в палитру, типографику, отступы и правила тона. Такой набор проще переносить между сайтом, постами и презентациями, не собирая стиль заново для каждого материала.
Скилы Эмиля Ковальски - разбор: анимации, которые не бесят (гоняли на своём сайте)
Два скила по философии автора animations.dev: шпаргалка изинга и длительностей + «вкус тренируется». Что они изменили в анимациях нашего сайта, главное правило доступности и когда скилы не нужны вовсе.
Taste Skill - разбор: как скил лечит «ИИ-дизайн» (мы прогнали на своём сайте)
Не карточка, а вскрытие: что реально зашито в 1200 строк anti-slop скила (62k звёзд), что он изменил в редизайне нашего сайта и когда его брать не стоит. Проверено живым прогоном.
Impeccable - разбор: 23 дизайн-команды для агента (гоняли на своём сайте)
Вскрытие дизайн-скила Пола Бакауса (15k звёзд): 23 команды от /critique до /polish, 46 детекторов ИИ-дизайна, чем он отличается от taste-skill - и что показал живой прогон на нашем редизайне.
Каталог: инструменты для сайтов и интерфейсов
Скилы и утилиты для сайтов, которые собирает агент: профессиональные анимации GSAP, дизайн-система на 50+ стилей, клонирование сайта в React, рентген любого сайта, фронтенд-скилы.
Web-Check - полный рентген любого сайта за минуту
Открытый инструмент аудита: вводишь URL - получаешь 30+ отчётов разом: SSL, DNS, заголовки безопасности, техностек, скорость, почтовая конфигурация, история в архивах. 34 тысячи звёзд, MIT, свой инстанс - одной Docker-командой.
antfu/skills - скилы Vue/Vite/Nuxt от кор-разработчика
Коллекция скилов Anthony Fu - человека из core-команд Vue и Vite (5.5k звёзд, MIT): агент пишет код по актуальным практикам экосистемы, а не по устаревшим статьям из обучающей выборки.
Плейбук: сайт для компании - от брифа до продвижения
Полный маршрут «хочу сайт для бизнеса»: бриф, структура, дизайн, сборка, форма заявок, публикация, конверсия и SEO. Связывает паки базы в правильном порядке, с развилками под ваш случай.
Пак: форма на сайте, которая шлёт заявки прямо в Telegram (без бэкенда)
Как с обычного лендинга слать заявки в Telegram - два способа: прямо из браузера в Bot API совсем без сервера или через крошечный Node-приёмник. С защитой от спама и экранированием. Просто и любимо у малого бизнеса.
Пак: 3D-визуализация помещения из JSON на three.js
Как построить 3D-конфигуратор (интерьер, помещение, товар) из структурированного JSON на three.js: процедурная геометрия, загрузка 3D-моделей, освещение и режимы времени суток. Плюс 2D-план из тех же данных. Термины three.js - простыми словами.
UI/UX Pro Max - дизайн-интеллект для агентов
Скил с дизайн-системой знаний: 50+ стилей, палитры, шрифтовые пары, UX-гайдлайны для генерации профессиональных интерфейсов.
Open Lovable - клонировать сайт в React
От команды Firecrawl: пересобирает любой сайт как современное React-приложение за секунды.
GSAP Skills - официальные скилы анимаций
Официальные скилы от GreenSock: учат кодинг-агентов правильно использовать GSAP-анимации, с лучшими практиками.
Пак: лендинг под ключ с Claude Code
Скил-генератор готовых к деплою лендингов из любого репозитория + библиотека проверенных паттернов лендингов + чек-лист безопасности веб-приложения.
Детали, которые делают сайт дорогим
Дешёвый и дорогой сайт могут состоять из одних и тех же блоков. Разница - в сотне невидимых деталей, которые пользователь не замечает по отдельности, но чувствует все сразу.
Архитектура сайта: структура, навигация и разметка
Как продумать страницы и связи между ними, чтобы человек находил нужное за три клика, а поисковики и ИИ понимали ваш сайт без догадок.
Дизайн интерфейса с ИИ: от макета до кода
Как словами задать стиль, цвет и типографику, чтобы ИИ собрал действительно качественный интерфейс, а не очередной безликий шаблон.