Тема 13 — Создание Dashboard с помощью MCP

Доступ к полному просмотру и файлам открыт только для активных участников ИИшенка Pro.

Проверяем доступ...

Описание и тайм-коды

Тема 13 — Создание Dashboard с помощью MCP

Практическое применение MCP-серверов. Создание страницы Dashboard на Next.js по макету из Figma. Использование Figma MCP для анализа дизайна и Context/Shadcn MCP для генерации правильного кода компонентов. Полный цикл: Промт -> План (Spec) -> Имплементация -> Проверка.

Тайм-коды:

00:00 Обзор задачи: создание Dashboard

00:50 Подготовка макета в Figma (Shadcn style)

02:03 Копирование ссылки на фрейм

02:23 Составление промта с использованием Figma MCP и Shadcn MCP

03:22 Анализ макета нейросетью через MCP

03:59 Генерация и утверждение плана (Implementation Plan)

06:01 Имплементация кода (режим принятия изменений)

06:50 Демонстрация результата в браузере