ИИ без магии
СтатистикаКак собрать технологичный сайт и настроить автоматизацию через нейросети - без раздутых бюджетов и армии программистов Инструменты, примеры и честная изнанка процессов Для связи пишите: @hey_vica
- Последний пост
- 17 авг.
- Последнее чтение
- 21:46
- Постов за неделю
- 4
- Всего постов
- 24
- Тип
- открытый
- Язык
- русский
- Категория
- Технологии
- В каталоге с
- 12 авг.
- 1/24сутки в ленте
- 277
- 1/48двое суток
- 317
- 1/72трое суток
- 342
Оценка по просмотрам недавних постов: пост набирает почти всё за первые сутки.
Посты
теперь можно лежать у бассейна, пока Codex работает за вас 🌴 у Codex есть функция Remote - она позволяет управлять задачами на компьютере прямо из мобильного приложения ChatGPT то есть можно поставить ИИ задачу, отойти от ноутбука и с телефона: 🟣 следить за процессом 🟣 добавлять следующие задачи в очередь 🟣 вмешиваться, если Codex пошёл не туда 🟣подтверждать действия 🟣 смотреть изменённые файлы 🟣 получать уведомления, когда всё готово например: попросили Codex собрать лендинг, ушли к бассейну, а потом увидели, что он слишком увлёкся анимациями. пишете с телефона: «не трогай структуру, убери лишние эффекты и проверь адаптив» - и он продолжает работу уже с учётом правок подключается всё довольно просто: 1⃣на компьютере открываем Settings → Connections → Control this PC 2⃣включаем Allow connections 3⃣нажимаем Add и подключаем телефон по инструкции 4⃣устанавливаем на телефон приложение ChatGPT и входим в тот же аккаунт, что и на компьютере если планируете отходить надолго, включите ещё Keep this PC awake - тогда подключённый к питанию компьютер не уснёт посреди задачи важный момент: телефон здесь работает именно как пульт управления. сам код продолжает запускаться на вашем компьютере, поэтому он должен быть включён, подключён к интернету и не находиться в спящем режиме единственный заметный минус для работы с сайтами: локальное превью через localhost на телефоне просто так не откроется. посмотреть сайт в мобильном браузере не получится - придётся просить Codex делать скриншоты или временно публиковать тестовую версию но для контроля работы функция всё равно очень удобная. оставили Codex собирать сайт, ушли по своим делам, получили уведомление, проверили результат и сразу отправили правки кажется, фраза «работаю с телефона» наконец приобрела приятный смысл ⭐️
кажется, я два дня продавала вам библиотеку промптов со ссылкой, которая в неё не вела 🤡 в ссылке задублировался кусок, поэтому бот открывался, но нужный сценарий не запускался если вы переходили и не поняли, где демоверсия и сама библиотека, - дело было не в вас. это я очень внимательно всё проверила перед публикацией) уже исправила. теперь ссылка открывает нужный раздел бота, где можно — посмотреть демоверсию с несколькими промптами — изучить, что входит в библиотеку — при желании получить полный доступ за 199 ₽ правильная ссылка здесь 👇 https://t.me/site_bez_shablona_bot?start=prompts https://t.me/site_bez_shablona_bot?start=prompts https://t.me/site_bez_shablona_bot?start=prompts и простите те, кто два дня пытался найти её внутри бота 💜
😌😍😉🙂😌😘🧐 👆 в Threads у меня лучше всего заходят посты с одной конкретной командой для ChatGPT обычно они начинаются примерно так: если делаете сайт с ChatGPT, добавьте в промпт: «…» это и правда один из самых полезных форматов: не нужно читать огромный разбор, можно просто скопировать фразу и сразу проверить её на своём сайте таких команд у меня накопилось много одни помогают сделать интереснее композицию, другие - докрутить типографику, изображения или карточки. есть и обратные: на случай, если ИИ слишком увлёкся, добавил странные эффекты или сломал то, что и так хорошо работало) сначала я хранила всё это в заметках и переписках. потом поняла, что сама уже не могу быстро найти нужный промпт. поэтому собрала отдельную библиотеку на сайте с поиском и избранным сейчас внутри: 🟣 30 отборных промптов для точечных правок дизайна 🟣 30 дополнительных команд, чтобы скорректировать неудачный результат 🟣 6 примеров «до → после 🟣 разделы по композиции, типографике, карточкам, изображениям и адаптиву можно открыть библиотеку прямо во время работы, выбрать нужную задачу и скопировать команду в ChatGPT или Codex цену сделала символической. бесплатные подборки мы часто сохраняем с мыслью «посмотрю потом» - и больше к ним не возвращаемся. мне хочется, чтобы эту библиотеку вы действительно открыли, попробовали в работе и держали под рукой для следующих сайтов 💜 перед покупкой доступна демоверсия с несколькими открытыми промптами можно сначала посмотреть, как всё устроено, и попробовать их на своём сайте полный доступ стоит 199 ₽ и остаётся навсегда посмотреть демоверсию и купить 😤😠😡🤬
в Codex появился дизайн-режим - теперь можно править сайт не только словами ↖️ раньше процесс выглядел примерно так: «сделай карточку больше» «нет, ещё чуть-чуть» «и этот отступ поменьше» «не этот…» и так по кругу, пока ты пытаешься объяснить ИИ то, что проще было бы просто показать пальцем у меня это выглядело ещё веселее: я делала скрин сайта, в редакторе обводила нужный блок, подписывала «это выше», «здесь меньше воздуха», «карточку - шире» и отправляла обратно в Codex 😅 теперь в Codex появился плагин Open Design. он позволяет смотреть на интерфейс прямо на холсте, вносить визуальные правки и сразу отправлять их в разработку то есть можно: 🟣 попросить Codex собрать интерфейс 🟣 посмотреть, что получилось 🟣 поправить композицию прямо визуально 🟣 оставить новые комментарии для ИИ 🟣 и применить изменения к коду раньше было: описал → получил код → открыл сайт → сделал скрин → обвел правки → снова описал сейчас постепенно превращается в: увидел → поправил → получил результат Codex раньше был очень сильным именно в коде, но визуальные правки приходилось формулировать текстом. А теперь он начинает быть местом, где можно не только написать сайт, но и довести его до нормального вида. плагин уже есть в официальном каталоге Codex — поищите Open Design в разделе Plugins кажется, граница между веб-дизайном и вайбкодингом становится всё тоньше 💜
без подписи
без подписи
без подписи
без подписи
без подписи
без подписи
📢 5 признаков, что ваш сайт выглядит как очередная генерация ИИ я всё чаще вижу сайты, которые технически собраны нормально: всё кликается, блоки на месте, адаптив работает. но открываешь - и сразу понятно: это сделал ИИ. не сказала бы что это из-за плохого дизайна, просто слишком узнаваемо 1⃣фиолетовый градиент, который уже видел каждый тёмный фон, светящийся шар, размытие, большая надпись и кнопка «начать». иногда это уместно, но чаще нейросеть просто достаёт самый безопасный визуальный шаблон 2⃣ огромный заголовок, который ничего не объясняет «создаём будущее вместе», «новый уровень возможностей», «решения для вашего роста» звучит красиво, но что именно предлагает сайт - непонятно 3⃣ три одинаковые карточки в ряд «быстро», «удобно», «эффективно». внутри - три абзаца общих слов, которые можно поставить на любой сайт 4⃣ случайные цифры для солидности 98% довольных клиентов, 250+ проектов, 12 лет опыта. если эти цифры не помогают принять решение, они просто занимают место и создают ощущение шаблона 5⃣ сайт выглядит как презентация нейросети, а не как бренд всё аккуратно, симметрично и даже симпатично. но нет характера, конкретики и ощущения, что за этим стоит настоящий человек или компания в этом пункте, мне кажется, главная проблема. нейросеть умеет собрать сайт. но если не задать ей направление, она соберёт усреднённый сайт обо всём и ни о чём узнали в этом свои проекты? 👀
без подписи
без подписи
одни и те же референсы - два совершенно разных результата✨ для этого эксперимента я взяла несколько референсов с музейной эстетикой: скульптуры, сложную типографику, тёмные оттенки и тонкие декоративные линии и сначала просто попросила ИИ сделать на их основе главный экран сайта 1⃣ получился первый вариант вроде бы он даже неплохой: аккуратная композиция, подходящие цвета, крупный заголовок, статуи на месте но это просто ещё один сайт музея ИИ увидел скульптуры - и буквально сделал музей. взял самые очевидные элементы из референсов, немного смешал их между собой и выдал безопасный результат так происходит очень часто↖️ мы показываем нейросети красивые картинки и думаем, что она поймёт, что именно нам в них понравилось но она не знает, что мы хотим забрать: - настроение или композицию - цвета или типографику - конкретные элементы или только общее ощущение 2⃣ поэтому во втором варианте я уже не просила «сделать сайт как на референсах» а сохранила их визуальный язык - тёмную палитру, монументальную типографику, скульптуру как главный образ и тонкую линию, которая проходит через весь экран но полностью изменила смысл. теперь линия показывает путь создания сайта: референсы → направление → Codex → готовый результат а скульптура больше не выглядит случайным музейным экспонатом - она становится частью идеи самого проекта в итоге второй экран не копирует референсы буквально, но ощущается намного ближе к ним вот в чём разница между «показать ИИ красивые картинки» и действительно задать визуальное направление первый результат просто нормальный второй уже хочется запомнить👆
а вот такие сайты тоже можно делать с ИИ 🍔 не очередной белый лендинг с карточками, а сайт с характером - будто у бургерной уже есть свой голос, упаковка и очередь за дверью) это пока эскизный проект, но мне очень нравится, как здесь работает всё вместе: 🟣крупная типографика, 🟣тёплый кремовый фон, 🟣жёлтые акценты, 🟣наклейки, ленты и огромный бургер в центре посмотреть, что получилось, можно здесь: https://bite-gourmet-burger.vercel.app/ и вот в чём главный момент: чтобы собрать такой сайт, не нужно быть дизайнером с десятью годами опыта или уметь писать код нужно не просить ИИ «сделать красивый сайт для бургерной» сначала решить, каким он должен быть, а потом уже передать это направление Codex или Claude тогда ИИ помогает собрать именно вашу идею этот сайт я тоже делала через референсы: собрала визуальное направление, картинки сгенерировала в ChatGPT, а дальше добавила кастомные анимации и собрала всё в Codex если интересно посмотреть весь процесс очень подробно - от поиска референсов до готового сайта, - я собрала его в гайде «Сайт без шаблона» 😤😠😡🤬 там много скринов, готовых промптов и моих рабочих приёмов, которые помогают не просто «сделать сайт с ИИ», а сделать именно свой
без подписи
без подписи
без подписи
без подписи
без подписи