Transcription
В этом видеоролике я разберу MCP и скилы, которые подойдут для каждого этапа создания проекта с помощью вайп-кодинга. Мы разберём MCP скилы, которые подойдут для качественного фронтэнда, бэкэнда, работы с админ-панелью, для SEO и для безопасности.
Я решил сделать такой краткий видеоролик, потому что MCP скилов сейчас появилось дофига, а вот где их использовать, знают лишь единицы. Если что, этот ролик подойдёт не только для тех, кто пользуется CLД код, но и для тех, кто пользуется кодексом и другими альтернативами. Потому что скилы - это, по сути, текстовые инструкции, которые можно добавить как в cдкод, так и в кодекс, так и в любую другую платформу.
Как работать с MCP и скилами в ClД код и в кодекс я рассказал в полных гайдах на эти инструменты. Вот тут вот полный гайд на клодкод, а вот тут вот сейчас появился полный гайд на кодекс. Поэтому, если вы хотите освоить эти программы, можете посмотреть это видео. А мы начинаем наш обзор на скилы и MCP. Поехали.
Для начала давайте разберёмся со скилами и MCP, которые помогут вам создавать более качественный фронт-endнд или же визуал вашего сайта. В этом видеоролике я буду работать в программе Visual Studio Code с расширением Clot CД. Я в полном гайде показывал, как его установить. Если что, вот здесь вот кнопка расширения. И вот сюда мы вбиваем клод. И вот здесь вот самое первое с галочкой расширения. Мы его устанавливаем. Потом в нём надо просто войти в свой аккаунт, если у вас есть подписка на клод-код. И всё. После этого вы можете спокойно пользоваться код в этой программе.
Если что, у кодекса схожий принцип. Также в расширении просто вбиваете не клод, а кодекс. И вот здесь вот самое первое расширение. Оно у меня также уже установлено, но в этом видеоролике я буду пользоваться код, потому что потому что мне так нравится.
Хочу показать вам сервис, который закрывает вообще всё. Для тех, кто работает с нейронками, данный сервис называется Польза AI. Это агрегатор, где собрано более 400 нейросетей. И российские, и зарубежные. Всё в одном кабинете. Не нужно прыгать между десятью подписками. Всё доступно в одном месте. И, что самое главное, с оплатой в рублях. Один апи, и у тебя под рукой лучшие модели для генерации текстов, кодов, изображений, видео и даже музыки. подключаешь через код, кодекс или любой другой инструмент и собираешь ботов, сервисы, внутренние продукты без ограничений. Ещё одна классная штука. Можно выбрать провайдера под любую модель и сравнивать цены внутри платформы. По сути, ты всегда берёшь оптимальный вариант по цене и задаче. Если не хочется лезть в АИ, есть нейростудия, где можно тестировать модели и генерить изображения, видео, музыку без единой строчки кода. Для бизнеса тоже всё продумано. Оплата по счёту, счёт формируется автоматически. Его можно скачать или оплатить по QR. Добавляешь сотрудников, создаёшь роли и работаете командой. Плюс персональный менеджер и полный пакет закрывающих документов. И что самое приятное, я пользовался пользой AI до того, как они мне предложили интеграцию. Поэтому мне вдвойне приятно порекомендовать вам этот сервис. Все необходимые ссылки будут в описании. А мы продолжаем.
Так, давайте вот это вот закроем и вот это вот ужмём. И теперь мы работаем непосредственно с клодкод. Только я забыл в папку войти. Если что, я удалил все скилы для создания фронтенда, поэтому мы сейчас будем делать сайт без использования скилов. Давайте вот такой вот простецкий промт. Создай лендинг для компьютерного клуба Pixel. Игровые ПК, турниры, бар с напитками. Сделай красиво, современно, адаптивно. Ничего сложного выдумывать не стал, поэтому давайте просто кликнем стрелочку, чтобы он приступил к работе.
Пока он у нас создаётся, я хочу вам сказать, что вайп-кодеры дурачка можно отобрать по двум критериям, исходя из моего опыта. Первый критерий - это если у него в никнейме прописано AI или и, а второе, если он на обложках делает вот такое вот лицо. Если эти два критерия совпали, то, скорее всего, этот человек ничего не смыслит в вайп-кодинге, никогда не сталкивался с работой с реальными проектами и просто занимается тем, что клепает однообразные видеоролики, чтобы просто насобирать просмотров. Пока что всё, что я видел на русском Ютубе, что имеет вот эти две составляющие - это очень странные ребята. Если вы знаете нормальных типов вайпкодеров, которые сочетают в себе эти два критерия, напишите их в комментарии.
Итак, он у нас закончил создание нашего сайта. Давайте посмотрим, что у него получилось. Так как это у нас простецкий HTML, давайте просто нажмём сюда правой кнопкой мыши, открыть приложение и открыть в Google Chrome. Перейдём. Так. И вот такой вот достаточно дефолтный сайтик в стиле берпанк получился у нашего клода. Здесь можно заметить кучу стандартных блоков от нейронки. Например, вот эти карточки. Обязательно при наведении появляется какой-то либо подсвечивающийся бордер, либо она просто вот так немножко поднимается и появляется какое-то свечение. Короче говоря, это прямо дефолтная анимация от нейронки. Странный блок по центру, который выровнен по левому краю. Короче, вообще странная вёрстка. Тарифы в целом нормальные. Вот это вот тоже скучновато. И вот это тоже странно. Вот эта штука. По картинке вообще молчу. Вот такой вот достаточно дефолтный сайтик. То есть тут, конечно, мы ему не дали никакой конкретики. Возможно, если бы мы прописали ему более качественный промт, он бы выдал более качественный результат. Но вышло, что вышло.
Теперь давайте поговорим о скилах, которые могут улучшить создание фронтенда. Первый скилл, который поможет вам улучшить ваш фронтенд, называется фронтеend дизайн. Это официальный скил от анроop. С помощью данного скила у нас клод начинает ломать нашу шаблонную сетку, которую он обычно делает, когда создаёт сайты. Выбирает более интересные цветовые сочетания, шрифтовые сочетания и в целом подходит к созданию фронтэнда более нестандартно. Если что, весь список скилов, которые я описывал в этом видеоролике, будет в моём Telegram-канале. Туда я закину название скилов, что это за скилы и инструкции по их установке. Поэтому в этом видеоролике я не буду показывать, как я их устанавливаю.
Давайте выберем наш фронтен skкил, чтобы это сделать. Кликаем здесь слш и вбиваем название скила. И вот он у меня появился. Кликаю tab, чтобы у меня он заполнился, но команда не отправилась. И сюда давайте продублируем тот же самый промт, что мы вбивали в первый раз. Вот так это выглядело. Создаю лендинг для компьютерного клуба. Ля-ля-ля. Короче, вы это уже читали. Всё, давайте просто кликнем Enter и посмотрим на то, что у нас поменяется. Я, конечно, всё равно не уверен, что он сделает прямо эталонный дизайн, потому что у нас промт весьма слабенький. То есть в идеале, конечно, либо давать ему какую-то большую конкретику, то есть описывать, какие блоки нам надо сделать, либо чётче прописывать, в какой стилистике и какого визуала мы хотим видеть наш сайт, либо ещё лучше, прямо самый лучший вариант - это скидывать ему примеры референсов. Если что, референсы - это просто визуал каких-нибудь сайтов, которые вам нравятся. Например, вам понравился какой-то блок на другом сайте. Вы его заскринили, отправили скриншот влод-код и написали ему: "Сделай мне точно такой же блок в точно такой же стилистике и точно такой же вёрстке". Клод-код, кодекс и любые другие аналоги хорошо работают с референсами, и, соответственно, в результате у вас получится более качественный дизайн. Но давайте посмотрим, как CLД-КД реализует этот не самый лучший промт с помощью данного скила.
Всё, Clл, что всё готово. Лендинг создан в pixel/index. HTML. Опять у нас HTML файл. Давайте откроем нашу папку и посмотрим, что у него получилось. Так, где у нас папочка? Папочка, вот он наш индекс HTML. Давайте перейдём и посмотрим. Бум нафиг. Сразу можно заметить, что получилось чуть более интересно. Здесь можно заметить более интересную анимацию. То есть здесь не просто у нас подсвечивается бордер, а вот какая-то такая штука, двигающаяся. Вот видите, я убираю, и она так приятно уходит в левый верхний угол. Вот такой вот интересный шрифтецкий. Здесь с картинками. У клода, конечно, беда. Он их сам генерить не умеет, поэтому использует вот такие вот странные штуки. Но опять же, если бы мы ему скинули изображение или попросили взять какое-то изображение из интернета, то, скорее всего, он бы сюда вставил что-нибудь нормальное. Кнопочки мне, кстати, нравятся. У них ещё вот такая вот текстура заднего фона есть, рифлёная, если у вас на экране видно. Круто, прикольно. Ну, короче, невооружённым глазом можно понять, что он, конечно, не идеальный. То есть тут есть определённого рода косяки, странности, но этот сайт определённо интереснее, чем вот этот. Давайте его ещё раз откроем. Вот он. Достаточно скучный, дефолтный сайт.
Следующий скилл я нашёл у одного американца, которого зовут Никсараев, но между собой мы его называем VT подваловым. Короче говоря, тут будет достаточно просто вот здесь вот скопировать ссылку на данный GitHub репозиторий и написать следующий промт в cД-код. Давайте напишем, используя данный скилл, создай лендинг. Ну и так далее, то, что мы уже ему писали. Давайте посмотрим, что у него получится. Кликаем Enter.
Всё, у нас клод закончил работу. Давайте перейдём в папку и посмотрим, что у него получилось. Вот она папка. Видно, что опять тёмный фон, но оно и логично для компьютерного клуба. Опа, здесь даже какая-то картинка появилась. Правда, она немножко повёрстке косякнула. Так. И вот здесь получился вот такой вот вариант. Картинки, конечно, максимально не в тему получились, но они хотя бы есть. Вот это, кстати, выглядит поприятнее, чем на других вариантах. И вот здесь тоже, несмотря на плохие картинки, выглядит неплохо. Вот тут мы видим косяки с вёрсткой. Если бы шейп был заполненный, это ещё можно было бы понять, но в таком формате это вообще никуда не годится. Кстати, менюшка, видите, вот такая вот интересная, прозрачная. Тоже прикольно. Вот. Ну и в таком формате получился более интересный вариант, чем у нас был исходно.
Всё равно последний скилл, который я хотел бы вам показать, связанный с дизайном - это UI UX Pro Max. В нём собрано более 50 UI стилей, 97 цветовых палитр, 57 шрифтовых пар, 99 UX гайдлайнов и 25 типов графиков. И всё это ещё и для девяти технологических стеков. Если что, этот скилл регулярно обновляется, поэтому он будет становиться только лучше. Давайте же посмотрим, что он сможет сделать с нашим скудным промтом.
В клод-коде я вбиваю сш и ввожу UI UX Pro Max. Вот видите, он у меня появился. Кликаю tab сюда вставляю наш уже привычный промт. Кликаем Enter.
Так, всё, код-код завершил работу. Переходим в паппочку. Открываем. Переходим. Воу, прикольный главный блок, кстати. Только вот эта вот тема странная. Вот её убрать и будет прикольно прямо. Слушайте, такой шрифт прямо приятный. Мне он нравится. Ну вот это выглядит как дефолтный нейроблок, но он свёрстан так, что выглядит прямо приятно. Вот. Но вот этот эффект, конечно, выдаёт нейронку. И ещё приятно то, что он иконки подобрал как надо. Обычно нейросеть очень плохо подбирает иконки, но тут, как мне кажется, прямо всё достаточно круто. Тарифы свёрстаны как надо. Вот здесь вот залитая плашка Хит, плюс на кнопках текстура, шрифт приятный. Короче говоря, прям круто. Ну, футер обычный. Чисто визуально, наверное, этот вариант мне понравился больше всех. Короче, ещё раз напомню, что все скилы и все MCP, которые я буду использовать в этом видеоролике, я оставлю в своём Telegram-канале. Просто переходите, ищите инструкцию по установке, устанавливайте и пользуйтесь.
Перейдём к следующему блоку. Он называется эффекты и анимации. Первый инструмент, с помощью которого мы с вами будем создавать эффекты на нашем сайте, называется Magic UI MCP. По сути, это представляет собой коллекцию из готовых Reactкомпонентов. Чтобы им воспользоваться, я сначала попросил Clot переписать наш сайт на React, потому что здесь Reactко компоненты, и, скорее всего, так будет лучше добавляться анимация. И потом я просто без какой-то конкретики попросил с помощью данного MCP добавить на наш сайт какие-то анимации. Ну то есть мой промпт выглядел вот таким вот образом, если что. То есть ничего креативного я здесь не придумывал. Поэтому давайте посмотрим, что у нас получилось.
Перейдём вот сюда. И можно заметить, здесь, конечно, борщ какой-то. То есть и тут звёзды какие-то, и вот эта штука. Вот, кстати, на фоне вот эти пиксели, они прикольные. Здесь у нас ничего не появилось. Ой, здесь вообще странная какая-то штука получилась. Тут он решил, видимо, разнообразить наш блок и сделал что-то вообще непонятное. Ну, наверное, прикольно. Не знаю. Вот, кстати, наводишь, она останавливается. Прикольно, только оно как будто не очень уместно именно здесь. Так, ну и как будто бы всё, да? То есть он не сильно много заморочился, но вот эта вот штука прикольная. Вот эти звёзды бы я убрал. И в целом это выглядит неплохо. Вот такая вот штучка получилась. Да, это вышло не идеально. Опять, скорее всего, из-за отсутствия какой-то конкретики в моём промте, но всё равно, как минимум вот этот эффект с частицами мне понравился.
Вообще, если моей задачей является найти какие-то прикольные креативные анимации для моего сайта, то я обычно напрямую захожу на какой-нибудь сервис по типу 21st.de и оттуда беру классную креативную анимацию. При этом я стараюсь сильно не борщить с этими анимациями, потому что всё-таки они нагружают наш код, и из-за этого наш сайт будет медленнее грузиться, что, конечно же, не очень. Если что, я сделал целую серию из трёх видеороликов, посвящённых креативным эффектам и где их брать, чтобы легко добавлять на свои сайты. Вот здесь вот будет видеоролик на последнюю из трёх частей, а там я уже отослался на предыдущие две части, поэтому можете перейти туда и ознакомиться.
Кстати, наверное, стоит упомянуть, что MCP, в отличие от скилов, сильно нагружают наше контекстное окно. Я это, кстати, в полном гайде на клодкод рассказывал, поэтому лучше не борщить с количеством MCP. Там вы в настройках можете определённые MCP отключать и подгружать их при необходимости. Так что я вот рекомендую этим заниматься. А со скилами можете не париться. Можно сделать сколько угодно скилов. они сильно вас не нагрузят, точнее ваше контекстное окно.
Теперь давайте остановимся на MCP для бэкэнда. Для тех, кто не в курсе, эээнд - это невидимая часть сайта. То есть тот сайт, который мы видим на экране, те вот всплывающие кнопочки, анимации и так далее, это называется front-end. А то, что находится под капотом, так сказать, это базы данных, серверная логика, а и так далее. Это называется. Когда ты вайп-кодишь frontend, cloudкод видит твои файлы с кодом. Они лежат в проекте, и он может спокойно их читать и редактировать. Но база данных - это вообще отдельная тема. Она находится не в папке вашего проекта, а на сервере. Без MCP клод может написать к базе данных SQL запрос, но не сможет его выполнить самостоятельно. А с MCPД имеет полный доступ к вашей базе данных. Он может создавать в ней сам таблицы, какие-то функции прописывать и так далее. Это заметно упрощает работу с базами данных.
Например, один из самых популярных вариантов - это Superbase MCP. Superbase - это одна из самых популярных базданных, которые используются, например, в том же Lavable, она напрямую в него встроена и которая чаще всего используется для создания Vipeкод проектов. Только её надо ставить на свой сервер, если вы собираетесь собирать данные пользователей, потому что оригинальная Suabase находится, как вы понимаете, не на русских серверах. А раз она находится не на русском сервере, то собирать данные пользователей, согласно закону 152 ФЗ, нельзя, а то будут большие штрафы. Если что, у меня самый первый видеоролик на канале как раз посвящён тому, как установить Superabase на свой сервер. Можете ознакомиться, если интересно.
Давайте для начала зайдём на Superbase. Если что, она включается только с помощью VPN. Если вы не собираете никакие данные пользователей, то можете использовать просто основную суbase, которая находится вот по этой ссылке, то есть не установленную на свой сервер. Итак, я зашёл в Superbase. Вот так вот оно выглядит. Теперь давайте установим необходимый MCP. Давайте здесь вобью с/mcp, нажму Enter. И можно заметить, что у нас установлен Superabase MCP. Там надо будет авторизоваться через токен. В Телеграме я покажу, где это всё брать.
Давайте вобьём ему следующий промт. Создай в Superabase таблица для компьютерного клуба Pixel Computers Bookings. Заполни тестовыми данными шесть компьютеровтф, три BY. Ну, короче, давайте нажмём Enter и посмотрим, сможет ли он это сделать. Без данного MCP нам бы пришлось вручную в SQL Editor вставлять команду, которую сделал бы нам-код. Но с этим MCP он всё сделает самостоятельно. Готово. Таблицы созданы, данные залиты. Свободный ПК Pixel 01, Pixel 03, Pixel 05. Выручка за сегодня 3.600. успех. Давайте посмотрим, где он их создал. Кликаем здесь Table Editor. И вот тут вот появились две таблицы: Bookings и Computers. И действительно, он сам заполнил какие-то данные. Это приятно.
Можно здесь заметить такую яркую красную кнопку. Для всех, кто знает наш URL app, эти таблицы сейчас в открытом доступе, поэтому давайте исправим это с помощью колод-кода. Вставляем ему вот такой промт. Включи RLS row level security на таблицах Computers и Bookings. Кликаем Enter. Можно было, на самом деле, так не умничать. Просто скриншот бы отправили ему, и он бы сам понял, что надо делать. Всё, давайте перезагрузим, проверим, исправил ли он это или нет. Всё, видите, теперь тут красненького нет, значит, всё чётенько.
Помимо этого есть ещё Post GRE SQL и SQLite MCP. Это тоже очень популярные MCP. Инструкции по их установке будут в моём ТГ-канале. Давайте двигаться дальше.
Следующие MCP помогают нам работать с админ-панелью. Вот в этом видеоролике я разбирал две самых классных и самых популярных админ-панели, которые можно использовать для создания Vipecд проектов. Первая называется Directus, а вторая называется Paylot. Если что, и для Paylot, и для Directus есть свои MCP, но на примере директуса я покажу, как это работает. Если что, команды для установки adдмин-панели, а также команды для установки MCP будут опять же в моём Telegram-канале. Я уже поставил себе админ-панель директуса. Вот так вот это выглядит. И уже успел привязать вот этот блок к админ-панели. Как это работает? Например, заходим сюда, здесь дописываем станда. Вот так вот. Три буквы А сделаем. Галочку ставим, обновляем. И теперь здесь. Короче, таким образом можно редактировать тексты, редактировать ссылки, редактировать изображения и создавать новые страницы. Всё это с помощью админ-панели.
Давайте я покажу, как легко можно работать с этим MCP. Делаем скриншот вот этого блока. Он у меня ещё к админ-панели не привязан, если что, я его не могу редактировать с помощью админки. Переходим, скидываем ей скриншот и говорим ей следующее. Свяжи данный блок с моей админ-панелью. Сделай отдельную коллекцию, чтобы я мог вручную редактировать текст. Вот такой вот лёгкий промт. Кликаем Enter, и он всё сделает за нас. Сам создаст коллекцию, сам внесёт туда данные. Нам остаётся просто подождать и потом проверить, что всё будет работать. По сути, MCP можно найти почти под любой инструмент, кроме, наверное, тильды. Не знаю, есть в Тильде свой MCP или нет. Наверное, нет. Кликаем здесь yes. Подтверждаем создание коллекции и ждём результат.
Не прошло и 5 минут. Он закончил создание коллекции. Давайте перейдём по этой ссылке, которую он нам дал. И можно заметить вот тут вот наши пункты, которые были во фронтенде, вот эти вот. Давайте попробуем здесь что-нибудь отредактировать. Например, топовое железо. Сюда переходим. Здесь видно tйтл топовое железо. Давайте топовое. Топовое олово пусть будет это вместо железа. Переходим, перезагружаем. Бам. Нафиг. Теперь здесь олово. Давайте здесь что-нибудь тоже поменяем. Давайте вместо FPS напишем BMW. Перезагружаем. Бам. Никаких просадок BMW. Круто. Короче говоря, вот таким образом можно легко создавать коллекции, легко привязывать ваш фронтенд к админ-панели и не париться, не создавать это всё руками. Но, разумеется, надо перепроверять, что он там мутит. Не стоит слепо доверять клод-коду, потому что этот товарищ может по глупости испортить вам вёрстку или просто не привязать админку к фронт, а напишет, что привязал. Короче, проверяйте его. Опять же, это работает как в CLД-код, так и в кодекс, так и в любой другой альтернативе. В Paylot та же самая ситуация. В целом вы можете пользоваться любой другой админ-панелью, если у неё есть MCP.
Короче говоря, давайте перейдём к следующей части. Последние две составляющие, которые мы с вами сегодня разберём - это безопасность и SEO. Давайте приступим.
Для SEO у меня есть для вас очень классный скилл. Данный скилл был создан разработчиком AG Daniel. Agc Daniel, наверное, так читается. По сути, это целый SEO отдел внутри код. Внутри 19 скилов и 12 агентов. Каждый отвечает за свой участок. Один проверяет техническую составляющую, другой проверяет контент, третий проверяет схема-разметку, четвёртый - картинки, пятый - скорость загрузки и так далее. Ты даёшь ему команду, главный скиллдирижёр начинает управлять всеми остальными инструментами. И таким образом у вас будет полноценный SEO аудит сайта.
Давайте вставим в клод-код следующий промт. Сделай полный SEO аудит моего сайта. Проверь всё: технический SEO, метатеги, схема разметку, Sap, robots txt, скорость, картинки, заголовки, внутренние ссылки. Выдай общий Health score и топ-пять критических проблем, которые нужно исправить первыми. Так как этот сайт вообще под SEO не создан, то, скорее всего, тут сейчас будет просто куча ошибок. Давайте посмотрим, что он выдаст. Он у меня не захотел подключать наших скилов и агентов, потому что, видимо, посчитал недостойным этот маленький сайт для такого SEO аудита. Я его напрямую попросил использовать этот скилл. Поэтому посмотрим, что у нас здесь выйдет.
Вот, можно заметить, что у нас тут появились какие-то агенты Local SEO Audit. Тут вот схема Markup Audit. Короче, подождём, что он нам выдаст. Готово. Запустил четыре субагента параллельно. SEO technical, SEO content, SEO схема и SEO local. Каждый прочитал файл в своём контексте и вернул специализированный отчёт. Свожу в единый результат. SEO Health Score 32 из 100. Нифига себе. Я думал, тут вообще будет 10 из 100. Технический SEO контент. Короче, каждый выдал свой балл. Вердикт к продакшену не готов. Спасибо большое. Что у нас тут ещё есть? Топ-пять технических проблем. Схема орки нет вообще. Полностью отсутствуют метатеги, дополнительные хай-приоритеты, что уже хорошо. Чек-лист до деплоя. Короче говоря, он провёл полноценный SEO аудит. Этот и ещё несколько скилов MCP для работы с SEO я скину опять же в Telegram-канале.
Давайте перейдём к безопасности. Безопасность - это то, на что многие вайпкодеры вообще забивают гол. Короче, забывают про то, что надо немножко обращать внимание на безопасность на сайте, потому что, например, утечка данных какая-нибудь может привести к большущим таким штрафам, поэтому это стоит тоже учитывать. Для этого я собрал несколько скилов MCP, которые я закину опять же в свой Telegram-канал. Но в этом видеоролике я покажу вам скилл от команды Centry. Centry - это платформа для мониторинга ошибок в приложениях. Кто как не они больше всего шарят, что за баги вообще существуют.
Кликаю здесь слш, выбираю Security Review. Вот он у меня первый появился. Кликаю Tab и вбиваю ему следующий промт. Вот такой вот промт мне написала нейросеть. Проведи полный securityрев проекта. Результат выдай в файле security report.md в формате. И вот в таком формате. Только зачем мне в отдельном файле? Давайте просто вот так. Всё, кликаем Enter.
Итак, он закончил писать нам отчёт. Вот что у него получилось. Security score 42 из 100. Проект локальный. Directту CMS + React Front. Основная поверхность атаки. Конфигурация Directus. Критические ошибки. Слабый пароль администратора Directus. Захардкоженный K и Secret. Ну, и, короче говоря, тут прописаны все ошибки, связанные с безопасностью. Выдал нам вот тут рекомендации. Короче говоря, во.
Таким образом, с помощью MCP и скилов можно классно работать с фронтэндом, бэкэндом, админ-панелью, SEO, безопасностью и так далее. Вот такой вот видеоролик у меня получился. Если я не упомянул какой-нибудь супер классный скилл или MCP, которым вы пользуетесь для создания вайpкод проектов, то пишите их в комментарии. На этом у меня всё. Надеюсь, этот видеоролик был для вас полезен. Всем пока. Yeah.