Как использовать Mobbin MCP с ИИ (Полное руководство)

Присоединяйтесь к сообществу TDP в качестве члена-основателя прямо сейчас! Открыт список ожидания! ⭐ https://designproject.io/community/?u... Мастер-класс по дизайну и кодированию для компаний 🚀 Подайте заявку по этой ссылке → https://relay.designproject.io/mobbin... Раньше поиск вдохновения для дизайна занимал часы. Вы открываете десять вкладок. Вы ищете на Mobbin, Dribbble, на каждом продукте, который, как вы помните, хорошо это делал. Вы делаете скриншоты всего. Вы постоянно переключаетесь между вкладками, пытаясь найти правильный поиск. И как только направление меняется, вы начинаете заново. Теперь я просто запускаю Mobbin MCP прямо в Claude Code. Он подбирает вдохновение, исходя из контекста продукта, над которым я работаю, отправляет примеры со ссылками, по которым я могу перейти, и направляет меня в нужное русло одним запросом. В видео на этой неделе я показываю весь рабочий процесс. Я устанавливаю Mobbin MCP, указываю страницу, которую хочу переделать, и прошу его найти вдохновение с помощью примеров со ссылками. Я оцениваю пять вариантов одновременно, выбираю направление, а затем создаю простой HTML-макет прямо в репозитории. Этап поиска вдохновения нисколько не теряется, Mobbin MCP просто продвигает его вперед, чтобы я мог потратить время на принятие важных решений. Что вы узнаете: • Как установить Mobbin MCP и подключить его к Claude Code • Как написать запрос, который предоставит MCP правильный контекст продукта (скриншот + описание страницы + конкретная проблема дизайна) • Как оценивать несколько вариантов вдохновения одновременно и сузить круг поиска • Как противостоять ИИ, когда он выдает слабые предложения или постоянно показывает один и тот же продукт • Как перейти от выбранного направления к низкокачественному HTML-макету в вашем репозитории • Почему этап поиска вдохновения по-прежнему важен, даже когда поиск осуществляет ИИ Ресурсы: • Mobbin: https://mobbin.com/ • Mobbin MCP: https://mobbin.com/mcp • Claude Code: https://www.claude.com/product/claude... Временные метки 0:00 Часы работы над вдохновением, потраченные на один запрос 0:28 Почему я не пропускаю этап поиска вдохновения 0:56 Установка Mobbin MCP в Claude Code 1:52 Задание Mobbin с полным контекстом проекта 4:04 Уточняющие вопросы Mobbin 6:09 Обзор первого этапа указаний 9:09 Выбор направления: сетка меню сервиса 10:42 От вдохновения к прототипу Если вы впервые используете Claude Code, я бы рекомендовал начать с моего руководства по настройке, чтобы вы могли следовать инструкциям:    • Claude Code + Cursor + GitHub: The New AI ...   Смотрите больше подобных видео: • Я люблю Claude Code уже год. Затем я попробовал Codex    • I've Been a Claude Code Lover for a Year. ...   • Не создавайте дизайн-систему с нуля (Claude Code + Figma + ShadCn):    • Design Systems for Beginners (Claude Code ...   • Дизайн-системы для начинающих (Claude Code + Figma) Figma    • Design Systems for Beginners (Claude Code ...   • Я использовал Claude Design для реальной функции продукта. Мой честный отзыв:    • I Used Claude Design on a Real Product Fea...   • Дизайн пользовательского интерфейса мертв?    • Is UI Design Dead?   • Прекратите использовать V0 и Lovable для прототипирования, используйте Claude Code вместо них:    • Stop using V0 and Lovable to prototype, us...   • Я создал всю свою дизайн-систему за 4 часа с помощью ИИ. Полный туториал (Claude + Cursor + Figma):    • I Built My Entire Design System in 4 Hours...   • Прекратите тратить время разработчиков на фронтенд: Figma в код за 8 минут:    • Stop Wasting Dev Time on Frontend: Figma t...   • Figma в библиотеку компонентов за 2 дня | Учебное пособие по Claude Code + Storybook:    • How I Build a Component Library in 2 days ...   🔔 Подписывайтесь на еженедельные обзоры об ИИ, дизайне и продуктах здесь: @thedesignproject СВЯЖИТЕСЬ СО МНОЙ: 🌐 https://designproject.io/ 💼 LinkedIn: /diannealter О проекте The Design Project: Мы помогаем командам разработчиков B2B SaaS-продуктов быстрее выпускать продукты, сочетая инструменты ИИ со стратегическим опытом в области дизайна. Мы работали с более чем 50 командами (включая компании, приобретенные Slack, Nvidia и MrBeast), чтобы сократить циклы разработки продуктов вдвое, используя проверенные на практике рабочие процессы и системы дизайна на основе ИИ.