И у меня возник вопрос, как там у дизайнеров интерфейсов дела?
На этом канале мы уже увольняли разработчиков, продактов, маркетологов и теперь видимо настало время дизайнеров)))
Кароч связка Cursor + Claude + Claude Code.
В чём прикол?
Claude 3.7 просто сверхразумный в плане UI-дизайна. Ты кидаешь ему любое сложное описание, и он выдаёт тебе такие интерфейсы, что даже сеньор-фронтендщики с лососем на завтрак офигевают.
Главная фишка — двухэтапный процесс, который я для себя открыл:
1. Сначала скармливаем Claude задачу с чётким описанием дизайн-стиля
2. Потом даём ему скриншот для референса
И всё, он пашет как галера римских рабов, а ты уже через 10 минут смотришь на готовый UI, который реально можно показывать клиентам.
Как это работает на практике?
Я развернул тему с AI-калькулятором калорий на примере какой-то фитнес-хуиты. Вот мой флоу:
1. Открываю Cursor (можно использовать любой другой редактор, но с Cursor удобнее)
2. Кидаю базовый промпт вида: "Я senior фронтенд-разраб, сделай мне UI для приложения, которое распознаёт еду по фото и считает калории. Стиль такой-то, размеры такие-то, используй иконки из такой-то библиотеки"
3. Показываю ему скриншот подобного приложения для референса
4. Если что-то не так — просто говорю "Эта хуйня не выровнена, поправь"
5. Когда UI готов, прошу разбить его на компоненты и получаю план для Next.js
И бум! Вместо того чтобы платить 10к баксов какому-то дизайнеру, чтобы он месяц рисовал мне свои загогулины, я получаю полностью рабочий прототип за час максимум.
Что дальше?
После того как UI готов и разбит на компоненты, создаю Next.js проект:
bash
npx create-next-app@latest my-app --typescript --tailwind
И просто говорю Claude: "Теперь сделай мне компонент A, B, C из плана" — и он пишет полностью рабочий код с Tailwind CSS, который выглядит точно как исходный макет.
Самое смешное, что раньше AI-кодеры типа Cursor и Winger были полным говном в плане UI, но теперь Claude 3.7 реально генерит такие штуки, что не стыдно показать клиенту.
Почему это круто?
В том-то и дело, что теперь ты не ограничен существующими UI-библиотеками типа Shadcn/UI. Можно делать абсолютно кастомные дизайны, и Claude их закодит по-человечески.
Весь этот подход — как V0, только без V0. И тебе не нужен даже дизайнер. Я сам в шоке, честно говоря.
PS Наберем 100 огоньков и выложу промпты отдельно 🔥🔥🔥