NameThatUI: словарь вместо "сделай красиво"

Год назад я писал, что почти все AI-фронтенды выглядят как близнецы. Модели с тех пор заметно прокачались в дизайне, но почему все еще так много UI-слопа? Потому что "сделай красиво" все так же не работает, надо вникать и хорошо доносить что именно тебе нужно.

Сегодня про пару тулов, которые как раз про это. Главный герой - NameThatUI, визуальный словарь UI.

Работает так: описываешь штуку как получится - "темный полупрозрачный слой за попапом" и получаешь ее настоящее имя (scrim), анатомию с названием каждой части, имя в коде и готовый промпт для агента. Плюс отдельный debug-промпт: список типовых фейлов, которые стоит исключить первыми - "cmd+K листенер висит не на том скоупе, фокус утекает из диалога". Или даже не описываешь, а просто видишь, что тебе нужно, и используешь правильные термины.

Отдельный раздел - атлас стилей. Glassmorphism vs neubrutalism, 3-5 признаков каждого стиля и готовый бриф для агента. Пока еще молодой, будет пополняться.

Та же механика есть и уровнем выше - 21st.dev: каталог блоков веб-страницы. Heroes, calls to action, FAQs, футеры - у каждого блока живое превью, вариации и кнопка "Copy prompt" + хорошая интеграция с агентами.

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

🔥 ➕ 🔁 @nobilix