Избавляемся от ИИ-мусора с помощью 21st.dev + Claude Code

Описание: Попробуйте 21st.dev: https://21st.dev/go/griffin #ad

Ваш сайт, созданный с помощью ИИ, работает, но выглядит ли он всё ещё так, будто его сгенерировал ИИ? В этом видео я покажу вам, как исправить стандартный дизайн, созданный ИИ, с помощью 21st.dev и Claude Code, используя реальные компоненты React, созданные дизайнерами, вместо того, чтобы просить ИИ разработать всё с нуля.

Мы рассмотрим библиотеку компонентов, используем Copy Prompt для добавления интерактивного контрольного списка паролей и обновим целевую страницу SaaS с помощью анимированного фона и переработанного раздела с функциями. Я также покажу вам, как адаптировать компоненты к вашей существующей системе дизайна, улучшить читаемость и интервалы, а также подключить Magic MCP, чтобы Claude мог найти и установить для вас новый раздел с ценами.

Если вы используете Claude Code, Cursor или другие инструменты для программирования с помощью ИИ, это практичный рабочий процесс для превращения стандартного проекта, созданного с помощью кода, в нечто, что выглядит более продуманным и профессионально разработанным.


21st.dev Magic MCP: https://21st.dev/mcp

👉🏼 Моё руководство по ИИ для дизайнеров (БЕСПЛАТНО): https://griffinwooldridge.com/ai-for-...

📩 Для деловых запросов:
[email protected]

🌐 Свяжитесь со мной!

https://www.x.com/GriffinWDesigns
  / griffinwooldridge1  
  / griffin.wooldridge1  
  / griffinwooldridge1  
  / griffinwooldridge  
https://www.griffinwooldridge.com/

🔥 Мои лучшие инструменты (некоторые из них — партнерские ссылки — спасибо!):
Mobbin — https://mobbin.com/griffin
Claude Code — https://claude.ai/referral/QKgwnTDdgw
Framer — https://framer.link/griffin-wooldridge
Granola — https://go.granola.ai/griffin-wooldridge
Anything — https://anything.link/griffin-wooldridge
0:00 Вступление
0:31 Исследование 21st.dev
2:11 Компонент запроса копирования и ввода пароля
4:41 Обновление целевой страницы
6:48 Перепроектирование раздела функций
9:35 Настройка Magic MCP
10:55 Перепроектирование ценообразования с помощью MCP
11:56 Заключительные мысли

Это видео спонсируется компанией 21st.dev.

#aidesign #uidesign #claudecode #vibecoding