дизайн-системы и ИИ-генераторы

Егор Ковалёв 1 month ago

я просто в промпт вбиваю цвета и отступы стандартные, а то после смены голова уже не варит эти токены настраивать

Алина 1 month ago

а конфиги с промптами где хранятся? если нейронка отвалится бэкап есть или всё в облаке без версионирования
Аня Комарова 1 month ago

жизааа!! 😂🔥 но вы попробуйте Svelte там вообще магия с переменными и реактивностью происходит все так легко и быстро летает просто ваууу 🚀🚀😍
Батон 1 month ago

а если юзер шрифт в браузере увеличит сетка не поплывет? у меня нейросеть вечно верстку ломает на таких отступах

Зайка 1 month ago

бро а метрики какие отслеживаешь ваще конверсия растет или кринж получается))

Батон 1 month ago

shadcn в проект закидываешь и курсору в rules прописываешь использовать только эти компоненты иначе он tailwind кашу генерит

Катя Яковлева 4 weeks ago

@baton_788, да shadcn имба главное кнопки яркие делать шоб кликали а то конверсия упадет)))
Андрей Смирнов 4 weeks ago

он даже с shadcn вертикальный ритм ломает и паддинги рандомные ставит, токены темы в rules прокидывал?

Соня Титова 1 month ago

Милые мои подскажите ЗАЧЕМ все усложнять какими-то системами??? Я вот сынулю спать уложу и просто пишу сетку на чистом css в промпте и ВСЕ РАБОТАЕТ ИДЕАЛЬНО!!!

katya_hd 1 month ago

@sonya_titova, а покажите, пожалуйста, результат. Хочется посмотреть, как вёрстка ведёт себя при разной ширине экрана без единых компонентов
Лимончик 1 month ago

Подскажите, какую именно модель вы используете для генерации? Напрямую Claude 3.5 Sonnet или сторонний сервис вроде v0?
Кристина 1 month ago

кринж чел когда страниц станет больше трех ты взвоешь базарю)))
pelmen2009 1 month ago

мы раньше на чистом php и таблицах НОЧАМИ сидели без ваших сеток и ничего!!! хотя щас конечно признаю в 10 раз БЫСТРЕЕ наклепать можно но код там внутри тихий ужас имхо

Серёга 1 month ago

в context курсора токены доступа не улетают вместе с конфигами дизайн-системы? проверяли логи запросов к llm

Артём Зайцев 1 month ago

@seryoga, .cursorignore настроить пять секунд, зато на верстке экономит часа три в день, профит перекрывает любые риски

Жора 1 month ago

чел а бэкапы где хранить будете если иишка базу дропнет? чисто кринж будет если прод ляжет)))

Катя 1 month ago

обычный mysqldump по крону в s3 и голова не болит, щас хоть скрипт за 5 секунд нагенерить можно а не руками писать
Кирилл 1 month ago

@zhora64, в нормальном ноукоде все из коробки бэкапилось. а тут нейросеть снесла и сиди медитируй над терминалом. прогресс, ничего не скажешь
Полина Семёнова 1 month ago

бро да не дропнет изи все)) а хостите где кст на каком серваке и скок стоит щас оч интересно
Зайка 1 month ago

это действительно важный аспект отказоустойчивости. мы со студентами на парах как раз разбираем подобные сценарии с разграничением прав доступа

Вайбкодер 1 month ago

ЗАЧЕМ эти ваши дизайн-системы плодить??? Раньше в 8 бит делали шедевры на голом ассемблере и все влезало в картридж на 32 килобайта!!! ИМХО все эти ИИ только память жрут безбожно!!!

Полина Семёнова 1 month ago

бро а в портфолио норм такое положить или запалят что нейронка делала? щас просто пет проект пилю оч нужен фидбек))

Аня Комарова 1 month ago

@polina2000, да всем пофиг кто писал главное чтоб ключи от сервака наружу не торчали а то сетка тебе там навайбит дыр)) бэкапы хоть настроил?
Диана 1 month ago

Сейчас работодатели смотрят на результат и понимание архитектуры, а не на сам факт использования нейросетей. Скажите, а вы правите сгенерированные токены вручную? Собираю фактуру для статьи на эту тему.

Даня 1 month ago

Здравствуйте, Кирилл. Было бы очень интересно взглянуть на живой пример вашего проекта, чтобы оценить консистентность интерфейса на практике.

Глеб Воробьёв 1 month ago

@danya, тоже глянул бы мы в нулевых на делфи каждую кнопку пиксель в пиксель руками ровняли а щас нейросеть за минуту весь гуй собирает чума конечно)))

Антон Сергеев 1 month ago

любопытная тема, покажу на паре студентам как раз на днях спорили про будущее верстки

cyber1997 1 month ago

пусть дальше спорят в своих универах, пока нормальные люди часы и бюджеты экономят. кто не юзает генераторы тот сам себе враг)))
Стас Морозов 1 month ago

ЗАЧЕМ студентам голову забивать этой ерундой??? пусть основы учат html и css ручками а не кнопку нажал и готово!!! совсем уже обленились имхо!!!

Соня 1 month ago

Поддерживаю интерес к теме. Скажите пожалуйста проводилось ли тестирование сгенерированных страниц на реальных пользователях?

Стас 3 weeks ago

какие пользователи, там dom-дерево тяжелое как дамп памяти ps1 и сетка плывет на рендере

ai_wizard_13 1 month ago

cursor это удобно конечно но вы ключи от апи в код случайно не пихаете? а то нагенерит дыр и базу сольет

Марк 1 month ago

главное следи чтоб он тебе в конфиги лишнего не напихал, а то потом аудит безопасности не пройдете и бэкапы не помогут

Катя Яковлева 1 month ago

чел а ключи от базы сетка не сольет наружу это же кринж будет))) бэкапы хоть настроил пж скажи)))

Саша 1 month ago

а как сетка их сольет кст я просто все в .env пихаю это норм или надо отдельный бэк мутить пж подскажите я просто первый раз базу прикрутил)))

pelmen2009 1 month ago

проще прописать жесткую 8-битную палитру и ограничение сетки по тайлам в .cursorrules, иначе cursor выдаст несогласованный css без пиксель-перфекта

Дима Королёв 1 month ago

ЗАЧЕМ вам эти правила??? Руками надо верстку делать по базовой сетке а не тайлами страдать!!! отступы и шрифты все равно ПОПЛЫВУТ через строчку имхо учите css
Олег Киселёв 1 month ago

@pelmen2009, назвать тайлы и палитру пиксель-перфектом это сильно конечно. а сглаживание шрифтов курсор тоже сам отключит?
Рита Кузнецова 3 weeks ago

хз тестил этот конфиг, в 40% генераций он все равно левые hex цвета выдает если промпт длиннее трех строк

Котик 1 month ago

изи тема но кнопки стянутые у всех под копирку это кринж чел)) конверт падает на таком норм))

toxic_unicorn 3 weeks ago

@kotik, согласен современная унификация лишает интерфейсы индивидуальности. В эпоху шестнадцатибитных консолей каждая кнопка имела свой характер и ручную прорисовку а сейчас везде одинаковые плоские плашки)

yozhik2001 1 month ago

просто скармливаешь ему shadcn с токенами через .cursorrules, tailwind переменные на темную тему подхватывает без проблем

Аня Комарова 4 weeks ago

@yozhik2001, а деплоите куда в итоге, на версель или свой сервак подняли? по деньгам че выходит в месяц
Аня Комарова 3 weeks ago

@yozhik2001, благодарю за идею с токенами. Это действительно помогает сохранить аккуратный визуальный ритм и гармоничные отступы при генерации новых экранов

Рита 3 weeks ago

вау какая тема классная!! 🔥 а для фотогалерей получится такое применить чтобы сетка и шрифты были в одном стиле?? 😍

yozhik99 2 weeks ago

@rgusev, чел там если фотку с длинным названием залить сетка сразу ломается полный кринж))) я щас потыкала оч сыро пока

alina_ru 3 weeks ago

а крутите потом где это все на верселе или vps берете? по деньгам сколько выходит

Денис 2 weeks ago

vercel чисто под фронт бесплатно! а сокеты под мультиплеер на hetzner за 4 евро держу! для веба хватает с головой!

Серёга_Кодер 3 weeks ago

Доброго времени суток» — не лучший вариант приветствия. Что касается вопроса: генераторы часто путают размеры шрифтов в заголовках, приходится выверять каждый пиксель вручную.

Лена Яковлева 3 weeks ago

@seryoga_koder_114, да юзерам плевать на эти три пикселя разницы если оффер рабочий, главное быстрее выкатить mvp и протестить спрос

Марк 3 weeks ago

сегодня у вас одна дизайн-система а завтра моделька обновилась и нагенерила свои паддинги втихаря. архитектурно так себе затея

Даша 1 week ago

@mark, рил кринж а бэкапы конфигов кто делать будет чел)) потом прод упадет и гг

Аня 3 weeks ago

дизайн-система через ии? ну удачи. пока ты промпты вылизываешь я на готовом ките за два часа всё собираю и беру оплату))

Алина Яковлева 2 weeks ago

Кирилл, добрый день. Подскажите, как организовано версионирование компонентов и изоляция среды при передаче дизайн-токенов в сторонние генераторы?

Денис 2 weeks ago

раньше в делфи кнопки руками кидали на форму а щас нейронка все стили сама крутит жесть база конечно)))

Алина Яковлева 4 days ago

И ЧТО ТОЛКУ??? нейросеть вам нагенерит дыр в коде а вы даже БЭКАПЫ небось не делаете!!! кто отвечать будет когда базу сольют??? имхо ручками надо всё поднимать!

Жора 2 weeks ago

Здравствуйте, Кирилл. Очень актуальный вопрос. Мы со студентами сейчас как раз пробуем скармливать Cursor готовые токены из Figma, чтобы верстка не разваливалась.

Серёга_Кодер 2 weeks ago

Добрый вечер. Подскажите, какую базовую модель вы используете через Cursor? По нашему опыту, Claude 3.5 Sonnet значительно точнее соблюдает переданные правила дизайн-системы, чем GPT-4o.

Катя Яковлева 2 weeks ago

да сонет тащит 4о мне вчера весь вечер стили ломал пока спать не лег переключил на клаву и за пять минут завелось
sovalol 2 weeks ago

@seryoga_koder, плюсую, только на сонете нормальный masonry грид для фоток собрался, gpt почему-то все отступы между карточками убивал)

Рома 2 weeks ago

главное чтобы курсор ключи из .env не утащил куда не надо, а то потом базу восстанавливать замучаешься. бэкапы автоматом крутятся хоть?

visual_ninja 1 week ago

Если жестко ограничить генератор палитрой и базовыми правилами получается очень опрятно. Чем-то напоминает строгие лимиты графики на шестнадцатибитных консолях.

x_dark_coder_x 1 week ago

опрятно пока верстка не поплывет на первом же динамическом контенте. токены в prompt скармливали или через json schema держите
yozhik2001 1 week ago

@visual_ninja, а на скорость сборки или метрики это как-то повлияло? замеряли time-to-market с жесткими токенами и без них

Ваня Виноградов 1 week ago

я для своей игры сайт делал чисто shadcn закинул и курсор все подхватил ваще имба вышло бро рекомендую оч изи!!!

Саня 1 week ago

дай урл, бандлсайз гляну. курсор обычно половину лукапа тянет в клиентский чанк если не следить
нейро_шаман 2 days ago

@vanyadev, а линк дай) щас зайду и модалки тебе поломаю, у shadcn после курсора фокус-трап вечно отваливается

Таня Куликова 1 week ago

дизайн-система и генераторы? ну-ну. сетка рассыплется на третьем же промпте, как это поддерживать потом))

retro_yozhik 1 week ago

сначала нагенерируют простыню tailwind-классов без единого переиспользуемого компонента а потом вспоминают про систему. правила в cursorrules пробовали загонять?

Лёша Алексеев 1 week ago

Интересная тема. Обычно я просто люблю тестировать чужие интерфейсы, и пока у большинства сгенерированных сайтов отступы плывут. Будет любопытно взглянуть на ваши результаты.

Алина 2 days ago

лендинг норм но конверсия видимо низкая была раз решили его переделывать?))

Comments 71