Transcription
С приходом вайп-кодинга моя жизнь разделилась на до и после. Я очень надеюсь, что в состоянии до она уже никогда больше не вернётся. Моя скорость разработки прототипирования выросла, наверное, в три-четыре раза.
А, и в этом видео не будет душного такого разбора каждой фичи внутрянки, которая есть в курсоре, либо же в клауд-коде. Я, в принципе, считаю, что такой контент очень пагубный. А я это проверил на себе и отсмотрел не один десяток таких видосов. И, собственно, вот мой вывод по окончанию всё этого, что по итогу я не использую почти ни одной фичи, про которую я слушал просто часами. Это огромное количество такого копиума, которое прошло у меня. Поэтому я хочу, чтобы вот у тебя, мой зритель, а знакомство с этой великолепной технологией не начиналось точно так же.
Я очень быстро поделюсь именно своим вот реальным опытом разработки, как с курсором, так и с клакодом в моей повседненной жизни разработчика в Бигтехе, а так и при разработке своего собственного проекта по подготовке к сабесам с ИИ. Я считаю, что это вот просто был потрясающий опыт. У меня накопилось очень много знаний, которыми я с вами и поделюсь. Мы сделаем это в следующем формате, что я буду прямо с нуля реализовывать проект и покажу прямо на ходу все нюансы подводный камни, на которые вы можете наткнуться, где можно саптимизироваться и сделать намного лучше. Благо всяких лайфхаков у меня докопилось достаточно много. Я покажу фичи, благодаря которым я смог создать вот такой красивый фронтенд на сайте, при этом не имея никакого опыта до этого работы с фронтендом и дизайном. Я покажу, как можно ускорить и кратно повысить качество кода, который выдаёт ЛМКАК сама по себе.
Вот, собственно, и также основной поинт всего этого видео состоит в том, что вам не надо вот просто сидеть и слушать, что я тут говорю. Надо сразу идти и делать. Это я всё, к сожалению, проверил на себе. Просто сидеть и смотреть, как я тут жму всякие кнопочки и не даст вам никакого профита. Вам BPC нужен в первую очередь для того, чтобы вот ускорить и улучшить качество своей работы. Так что прямо сейчас в фоне скачивайте курсор, Cloud Code, покупайте подписку. фоном пока дослушайте, что я тут говорю, и сразу приступайте.
Интерфейс этих приложений, ну, очень простой. Ну, ребёнок с этим разберётся. Поэтому не надо знать для начала работы с этим все там 50-100 скрытых вечей, которые в них есть, вы можете сразу с ходу, не зная ничего этого, выдавать потрясающий результат. Главное просто начать. Вот прямо сейчас брать и начинать. И для наглядности мы сейчас с вами возьмём и с нуля решим какую-нибудь задачку, прямо с чистого листа. и вы увидите, какие тут возникают подводные камни, где можно споткнуться. Я всё это раскрою и покажу только вот самые типа полезные фичи по минимуму, которые помогут вам очень сильно спрогрессировать.
По поводу инструментов. Их всего у нас два, это курсор и клад-код. Считаем, что всё, больше ничего другого нет. Итак, если вы новичок, то для вас есть только курсор. Всё, вот это мы слово забываем. Тут ничего не было, только курсорчик. Почему? А потому что курсор у нас представляет собой вот такую IDE, где всё очень красиво и удобно. Это классический VS-код, где вы будете видеть все анимации, всё, что там происходит. Всё очень удобно, нативно и понятно. А Cloud CD - это же терминальная утилита, и с ней тяжеловато работать новичку, как новичку в программировании, так и новичку, кто только впервые сталкивается с вайп-кодингом. Там есть свои нюансы, и лучше совсем изначально знакомиться на примере курсора. вам будет намного легче потом переходить на Cloud-код. Ну, собственно, я проверил на себе все эти два инструмента и тоже начинал с курсора. Если бы я начал склад-кода, я бы просто, ну, застрелился. При этом во многих видосах я смотрю, что люди говорят, как они успешно перешли с курсора на Cloud Cд. Я, честно не знаю, они троллят или просто для красного словца это говорят, но Cloud CД во многом сейчас в данный момент уступает курсору, с ним тяжело работать. Да, у них у обоих есть плюсы и минусы, и сейчас они примерно наравне. И в дальнейшем я раскрою свою мысль и как подходить к выбору вашей финальной вот утилиты, если у вас уже есть какой-то опыт работе с нейросетками для программирования.
Ну вот мы появились в курсоре, всё выглядит точно так же, как и в обычном VS-коде. И всё, мы прямо с ходу можем начинать пилить. Нам не надо разбираться, что делают какие-то кнопочки. Мы видим чат, всё, сразу в чат пишем. Всё, мне пришла идея. Значит, допустим, я сейчас вот по работе, да, мне нужно сделать фронт-страничку, на которую я смогу закидывать картинку, и на этой картинке будет запускаться, например, какая-нибудь модель детекции, и сразу же мне во фронтде отрисовывать, какие там она нашла баунд боксы на этой картинке. А, ну вот, вот такая вот у меня появилась идея. Мне вот сейчас такое надо сделать. И я вот прямо в чат, я хочу ему написать, чтобы он сделал всё. Я больше ничего не жму. Я прямо ему сейчас в чат и отписываю: "Сделай мне вот это". Всё, мой запрос готов. Я больше ничего тут не делаю, не жму, только Enter. Всё. И он начинает сам писать. Всё, что мне остаётся, это только вот так вот просто сесть и всё. Ждать. Всё. Я Я даже не трогаю клавиатуру. Вот. И мы уже начинаем видеть, что он сейчас в прямом эфире прямо весь код пишет. Я на глазах вижу, как появляются файлы. Я зелёно вижу, что он добавил, что он удалил. Вот всё сразу видно. Сбоку вот он появляется у меня сразу всё, что он там дописывает. И тут в обычной части, как в вискоде, я вот вижу все файлики. Всё суперудобно и понятно. Вот запоминайте, как это сейчас выглядит. Такого в клад-коде не будет. Вам не будет понятно, что он сейчас делает. Тут всё наглядно, вот сразу видно. И создаёт вот для начинающего такую прямо вау эффект. Также дополнительно я могу провалиться вот в каждый файл, который он тут заполняет. Это всё кликабельно. Вот, например, он тут пишет, что он видо изменяет мне filema mainin.p. Я захожу и смотрю всё, что он сделал. Всё, я могу прямо сейчас брать это листать. В кладкоде вы так не сможете.
Так, ну а теперь давайте посмотрим, что он тут по итогу нам сделал. Он насоздавал мне тут уже очень много готовых файликов и в конце выдал инструкцию, как всё запустить. Вот он мне пишет: "Запустить вот такой командой". Он написал уже для этого баш обёртку, а frontend вот такой командой. Вот. Давайте сделаем, собственно, как он говорит. В одном терминале я запустил backend, а в другом я сейчас запущу frontend часть. Вот. И она у меня сразу отображается. Выглядит, значит, наш сайтик сейчас примерно следующим образом. Да, очень простенький. Ну, кнопочка готова. Можем попробовать сюда закинуть картинку, нажать кнопку "Начать детекцию". А, и ниже мы видим результат. Собственно, детекция сработала. Вот он мне отрисовал Bounding Box. При этом я не написал ни строчки кода, я для этого ничего не делал. У меня уже есть, собственно, готовый прототип, и всё запущено. Дальше я могу его таким же образом, просто прожимая кнопочки, усиливать. Вот.
Давайте глянем сейчас на пару вот самых полезных фичей. Собственно, первое из них - это то, что мне, наплер, ну, мне не очень нравится вот эта фронтенд составляющая. Она очень простенькая. Если вы сейчас попытаетесь просто как-то промтами его заставить, сделать его более красивым, у вас ничего не получится. Сейчас модельки килэмки ещё до сих пор очень слабая в написании какого-то сильного дизайна и фронтнда. Для этого нужно пользоваться внешними инструментами. Какими? Сейчас покажу. И для создания красивого фронтенда нам понадобится специализированный сайт, который позволит нам усилить наши промты, чтобы делать красивые дизайны. Заходим на вот этот сайтик, и тут у нас огромная библиотека всего, чего мы только захотим. Значит, что мы делаем? Мы находим тут любой интерфейсик, который нам сейчас понравится, и будем его интегрировать. Ну, допустим, давайте я захожу в вот эту часть с популярными и отсюда вот я хочу такой. Вот мне понравился вот такой дизайн. Ээ мне надо сейчас как-то вот нейросети поменять информацию, что я хочу именно так. Тут я вверху жму кнопочку опа, копировать промт. Затем возвращаюсь обычно в курсора. А, и я сейчас вот здесь вот дальше в чате передам ему вот информацию о том, что нужно сделать по этому промту. Но я не буду это делать в этом же чате, потому что в этом же чате у него накапливается контекст. То есть вот весь текст, который я писал, он постоянно вот у него хранится в типа в памяти. Вот, чтобы ему я не засорял, у него потому что от этого начнёт ухудшаться качество, я создаю новый чат. Этот закрываю. Вот. И в новом чатике типа вот я скажу, что нужно делать. Собственно, мм, давайте напишем аа вот я хочу, э, чтобы ты улучшил фронтенд. И даю ему промт. Всё. После этого как бы он начнёт всё это делать и улучшать. Но у меня есть опасение, что моя базовая вот моделька, нейросеть, которая сейчас используется, не справится с этой задачей. Что такое базовая нейросеть по умолчанию? Вот здесь вот под кнопочкой авто можем выбирать типы модели. Если мы авто отключим, мы видим, опа, а тут очень много различных моделек. Какие-то из них вот рядом имеют картинку мозга, какие-то нет. Те, которые имеют картинку мозга, те платные, и у них у вас есть в курсоре лимиты. Вы не можете за эти лимиты выходить. А если вы за них выходите, он начинает с вас типа просить доп деньги. Поэтому для простых задач мы пользуемся бесплатным, который без мозга. Он у вас безлимитный, можно до посинения пользоваться. Вот. А если хотим умную использовать, то за это придётся доплачивать. Давайте выберем Cloud Sunet 4.5. Тут вам не надо уже задуматься, что выбирать. Всегда выбирайте вот SN 4,5. Они все примерно одинаковые, плюс-минус. Никакой разницы у вас между ними не будет. Не надо вот на это тратить своё внимание. И жмём кнопочку старт. Мы выбрали просто чуть более умную модель. И посмотрим, что она сейчас нам сделает.
Так, ну вот он закончил делать мне новый фронтенд, и мы видим, что у нас получилось. Получилось именно то, что мы видели на сайте. За счёт того, что там сайтом мы скопировали просто большой промт описание того, что типа происходит на этом фронте, моделька идеально воспроизвела то, что там и было. Заметьте, да, даже вот эта линия двигается за моим курсором. Она его повторяет. Ну, выглядит очень красиво, намного лучше, чем было до этого. Вот. И мы сделали это всего лишь одним кликом. Скопировали, вставили. Ура, готово. Это всё, что нужно было сделать. Давайте снова зашлём сюда картинку и посмотрим. Вот оно сработало. Теперь просто подумайте, сколько бы у вас ушло времени, если бы вы сами захотели это сделать. Я не потратил вообще никаких на это усилий. Вот. Но из ээ такого страшного, то, что с нас снимают деньги на основании того, как много вот текста и всякого кода наша моделька нагенерила. Собственно, в данном случае она очень много кода выдала, поэтому я сейчас по деньгам так нормально просел, потому что курсор с меня будет снимать деньги, когда я вышел за лимит. Я уже вышел за лимиты, которые у меня есть, поэтому мне это обходится в копеечку. И тут мы плавно переходим на обсуждение с клаудкодом. Поэтому давайте пока зафиксируем, значит, всё, что мы тут узнали. Сейчас я работаю без VPN. Он у меня работает просто так. Всё, мне не надо ничего подключать. Из курсора я имею доступ к любой нейросети. Я вот хочу использовать пятую GPTшку, да, пожалуйста, я хочу использовать cloudsonet, пожалуйста, всё, что захотите. При этом я вижу всё, что он делает, всё, что в коде происходит, мне видно. А вот и ещё немаловажный тут прикол, то что я могу отключать ему возможность как-то менять код. Я могу переводить наш чат в режим ask. Тогда моделька, она не сможет, да, менять файлики, ничего с этим делать. А я могу с ней разговаривать, задавать ей какие-то уточняющие вопросы. Например, во время разработки своего сайта я таким образом, ну, немножко обучался тому, как устроен React. Что я делал? Допустим, я сейчас беру, э, любой файлик, например, вот этот appsx, а, и в чате через собачку ему указываю вот типа оп, типа я хочу пообщаться по поводу этого файла. Ну, что сейчас произошло? Я, значит, ему в чате просто как будто бы сейчас взял и этот файл скопировал. То есть я его туда подставил. А это тоже учитель будет вам обходиться в копеечку, потому что я сейчас туда загнал очень много страниц текста. Если это платная моделька, она будет с вас снимать денежку. Вот и я ему, например, хочу написать: "Объясни, пожалуйста, а что происходит?" Вот. И он сейчас начнёт мне отвечать, что там было написано, что там происходит. И, собственно, вот курсор любой типакод инструмент - это такой очень удобный подход к обучению. То есть ним очень легко учиться. Можно клонировать какие-то любые репозитории из Гитхаба и по ним задавать вопросы. Таким образом, вы очень эффективно будете обучаться. Вот, пожалуйста, он мне всё расписал. Дальше, допустим, мне что-то непонятно. Я вижу, ну, какая-то какая-то функция загрузка обработки. Это что вообще такое? Я опять это копирую, ему вставляю, типа объясни ещё раз, я ничего не понял. Вот. и просто сравнить скорость, насколько это быстрее по сравнению с тем, что мне пришлось бы это копировать, вставлять в свою браузерную чат GPTшку. Просто отвратительно. Это занимает уйму времени, это неэффективно, это бесполезно. И в чат GPTшке вы, когда чат завели отдельный, вы только в нём вот и чатитесь. Если вы захотите сделать новый чат, а, и чтобы GPTшка знала, да, контекст, что происходит там в других чатах, ну, вам придётся брать, копировать, ээ сообщения из одного чата переносить другой и только вот таким образом насыщать её контекст. Ну зачем вам это надо, когда у вас сразу на компе моделька сразу видит весь репозиторий, она всё знает. Ну вот, она дала мне объяснение, что, значит, у нас тут внутри происходит. Я могу до посинения просто её тут насиловать, чтобы она мне рассказывала всё подробнее, что как устроено. Вот теперь точно всё идём клаудкоду.
Так, ну а теперь начинаем знакомство с клауд-кодом. При этом с курсора я никуда не вышел. Cloud код, как я говорил, это просто консольная утилитка. Поэтому мы её открываем вот такой командой cloud. Опа, чик, у меня открылся такой фронтдик. Я могу написать ему привет и увидеть, что вот он работает. Что такое cloudкод? В чём отличие от курсора? Есть у нас глобально просто одна компания Antropic, которая, ну, как Open, просто пилит свою LLM, которая называется клады. Вот. И они специально заточены по то, чтобы улучшить её именно на задачах программирования, на задачах кодинга. Она такая узкоспециализированная. Вот. И, значит, в чём суть? Они продают к ней открытый доступ. Собственно, курсор - это просто, по сути, барыга, который даёт вам такой удобный интерфейс. Вы ему вот платите денежку, а он пересылает эти запросы в cloudкод. Всё. А что такое вот именно отдельный cloudкод? Это разработка вот этих антропиков, а которые, ну, сами тоже решили просто взять какую-то с это денежку, продавать вам вот доступ в такой интерфейсик, и вы будете пользоваться их моделькой. Э-э, причём многие в видосах говорят, что, ну, так как это, ну, cloud - это LLM антропиков, то они, ну, в клад-коде точно, значит, лучше знают, как с ней разбираться. Она там качественнее работает. И я дальше вам покажу, как она качественнее работает. Это вообще полный булшет. Она работает хуже, чем у меня в курсоре. Я не понимаю, откуда вот берутся вот эти слухи. Вот. Ну, давайте посмотрим, а как вот у нас выглядит cloudкод. А-а, я вот точно так же, мне не нужно смотреть какие гайды, это просто чат. Я беру в чате и пишу, что я хочу. Допустим, аэ, я хочу, чтобы у меня на фронтде все буковки стали зелёные. А вот так ему напишу. Вот. И мы видим уже, ну, немножко знакомое, то же самое поведение, которое у нас было у курсора. Он просто берёт и начинает нам в чатике отписывать, что он там делает, какие он сейчас команды вызывает, какие файлы меняет. Но я не могу в прямом эфире смотреть, как он изменяет какие-то файлы. Вот он мне сейчас что-то просто выдал. Он мне сейчас скинул какой-то индекс CSS. Вот что мне с этим делать? Зачем ты это делаешь? И он меня начинает какие-то ещё вопросы спрашивать. Хотите ли вы, чтобы я изменял этот файл? Вот. Добро пожаловать. Это первое сейчас ваше знакомство с клауд-кодом, и оно уже начинается с каких-то неприятностей. Он зачем-то у вас что-то всё спрашивает. Ну давайте нажму. Да, о'кей, продолжай. Вот зачем это было спрашивать? Но он не остановится. Сейчас появятся новые вопросы. Ну вот, значит, данную итерацию кода он делать закончил. А и, например, значит, я хочу теперь её запустить. Смотрим. Так, он отлично справился с тем, что её попросил. Он сделал все буквы зелёными. Отлично, хорошая работа. С этим всё о'кей. Значит, дальше у меня возникали в процессе следующие такие вопросы. То, что мы видели, что курсор умеет сам вот у себя писать и запускать внутри команды. А, но у наскод - это консольная утилита. Если я скрою вот этот сейчас свой типа свой нижний терминал, всё, у меня типа терминала нет. Что делать, если я был бы вот, например в таком отдельном терминальчике? А, ну у меня были проблемы, надо было бы и типа иметь второе окно и, короче, как делать баш команды. Оказывается, их можно сделать через восклицательный знак. Ставим восклицательный знак, пишем команду ls. Он выводит вот типа ээ ну работает как обычный терминальчик. О, супер, отлично. А, идём дальше. А что будет, если я сейчас его попрошу, да, запустить какой-то код? Запусти, пожалуйста, сам фронтенд. Вот он опять меня спрашивает, типа, могу ли я запускать команды? Я говорю: "Да, можешь". И заметьте, у меня сбоку появилась такая папочка тоoud и в ней файлик settings. Вот здесь вот в он прописывает все команды, которые он может запускать. А тут просто можно вкратце прописать типа баш а и звёздочка. Это значит, что он может запускать все башовые команды. И смотрим, значит, так. Задача он справился. И что он пишет? Он говорит: "Там порт 3.000 занят. Я запустил на порту 3.001". А, о, о'кей, хорошо. И значит, дальше первый мой такой вопрос. Скрипт запущен, да? А где? Ага. Ну что делать? То есть обычно у меня есть типа терминальное окно, и там и, ну, вот он пишет один backкground task, а как мне типа, ну, на него переключиться? Ну, логи посмотреть. Вот у меня сейчас он там запущен фронтнд, допустим, сыпит ошибки. Как мне увидеть, что в консоли происходит? Какие логи? Вот что мне надо делать? И вот такие вопросы, проблемы у вас в клад-коде будут просто постоянно. Тут очень много чего непонятно. Оказывается, нужно нажать стрелочку вниз, вот так вот перейти на бэкграунд таск, и он пишет то, что вот типа запущена такая таска. Вот. Ну, блин, по мне это вот поначалу типа супер непривычно и неудобно. Ну потом, господи, а потихоньку начинаешь привыкать. Ну вот, например, сейчас вот я обогнулся, я не мог сюда выйти. Ну вот он просто перезапускает постоянно типа мне сервер. Я не понимаю, да, как мне сейчас вот это становиться. Вот это работа с клаудкодом. Здравствуйте. Так, ну короче, мне удалось его остановить. А и а дальше мы сейчас с вами сделаем следующую вещь. А нас, например, сейчас начало раздражать то, что он постоянно просит у нас разрешения на всё. О'кей? Допустим, мы как-то смогли в settings с jon там указать, не делая изменения. А, и в интернете вы найдёте информацию о том, что при запуске консоли можно флаг указать, чтобы он всё пропускал. А, и давайте посмотрим, правда ли это работает. А, дадим сейчас ему какую-то специально команду, чтобы он у нас спрашивал всякие типа доступы до а различных приложений. И посмотрим, помогло ли это. Ну, собственно, вот я ему тут беру и пишу. Значит, а, пожалуйста, запусти backend, а, и погугли, да, он умеет ходить в интернет. Погугли, а как устроен, ну, как устроена библиотека Ultraликс, откуда я запускаю нейросеть. Всё, я ему даю задание, и он дальше сам начинает что-то делать. Вот я сижу, просто жду, а пока он это всё сделает, я сразу вижу в концовке вот он пишет, что он тут просмотрел файлы, изучил, что как устроено. Вот. и сейчас начнёт что-то делать. Пока он всё это продумывает, мы переходим к одному из самых больших минусов кладкода, то, что он не работает без VPN. Это очень большая проблема, потому что часто мне, например, просто приходит там заходить в браузер, открывать российские сервисы, которые не дают мне работать под иностранным VPN. И если я из этого иностранного VPN выйду, меня потом обратно Cloudкод не пустит, он будет выдавать мне ошибки 403. Можем мы сейчас это просто увидеть. Я отключаю э свой и дам ему какой-то запрос. Скажи привет. Так, это остановим сейчас. Скажи привет. Вот он мне даёт ошибки 403. Всё. Если я сейчас в процессе включаю VPN, то это типа проблема не уйдёт. Он всё равно будет выдавать мне ошибку 403. Мне заново надо его убивать и запускать с нуля. Вот опять типа я её включил VPN, запускаю его и теперь он начнёт работать. Вот. Ура, он начал как-то работать. Теперь перейдём к ещё такой вот основной фиче, с которой начинаются вот почти все видосы про то, как работать с Cloudдо. Как видите, мы пока работали без неё. Там, оказывается, есть такой файлик, который можно сделать, но называется cloud.m. Redmi файлик. Зачем он нужен? Это просто будет дополнение к вашему промту, в котором вы описываете, как, значит, устроен ваш проект. При этом вам самим тоже этот файлик заполнять не надо. Вам не надо писать типа, как устроен проект. Мы всё делаем с помощью cloudдкода. И тут подходим к второй типа основной очень прикольной фиче. То, что вам с эти с этими VPкод инструментами не надо гуглить. Вам не надо типа смотреть YouTube видосы, что как устроено, вам не надо ходить читать документацию. Он специально создан для того, чтобы вы этого не делали. Ну что я имею в виду? Давайте ему спросим, а что такое? Давай и погули в интернете. Так вот, смотрим. Он навыл какой-то текст. Он сам всё загуглил и сам сейчас всё мне расскажет. Вот он пишет, что File Cloud, этот конфигурация, тыры-пыры. Вот. И он рассказывает всё, что надо с ним сделать. Всё, вам не надо самим ещё гуглить, вам не надо это делать. Он за вас всё расскажет. Всё. Какая идея вам пришла в голову, чего-то не хватает, вы какой-то хотите увидеть допфункционал, спрашивайте прямо его, не гуглите сами. Теперь давай, ну, давай сам заполни. И вот я ему даю задание. Так, он говорит, что он закончил. Давайте посмотрим. Э, так, что? Мм, правда ли это? И мы видим, что у нас находится в этом. И вот, значит, он отписался, что он создал мне файлик Cloud MD. То есть это должен быть просто текстовый файл, в котором я типа могу взять и что-то прочитать, просмотреть. Я его открываю, я его не могу открыть. Он мне пишет, что файл не отображается, потому что он в бинарном формате. И я вас поздравляю. Это было не запланировано. Сейчас вот вы в прямом эфире наблюдаете, что вытворяет cloudкод. Ему надо было просто заполнить текстовый файлик, и он сделал его нечитаемым. Ссылка на то, что люди говорят, что как отлично работает cloudкод, то, что антропики сами лучше знают, как с ней обращаться. Они отлично, да, знают, как с ней обращаться. Вот сейчас у вас на экране будут ещё парочка примеров того, с какими проблемами я вот лично сталкивался. У меня типа были траблы, что мне тоже просто этот файлик заполняет какие-то иероглифами, не в той кодировке, ну просто на ровном месте. Я с курсором тоже, используя Sнеet, ни разу не ловил таких проблем. Ну вот просто ни разу. Идём дальше. Например, он начинает меня просто на ровном месте обманывать. Курсор сонетом или кодексом никогда так не делает. Посмотрите, я его там, например, прошу, пожалуйста, типа, а расскажи мне там а про какую-то документацию. И он меня просто обманывал. Он, например, на скрине вот он мне писал, что он что-то запустил, что-то запущено, но ничего не было запущено. Он просто вот в лёд. Но он же плохо работает, это неправда. Какой смысл им пользоваться? О'кей. Идём дальше. Продолжаем. Открываем снова cloudкод. Вот и мы уже отлично, мы в курсоре познакомили, что у нас есть вот очень крутой механизм Аска, то есть когда я хочу просто с ним обучаться, чтобы он мне что-то рассказывал, где эта кнопка вклад-коде. О'кей. Ну вот я обычный типаюр. Вот что это такое? Я пришёл с курсора. Что мне дальше делать? О'кей. Снизу типа есть какие-то разрешения. А я знаю, да, наперёд, что я могу, типа, тут написано: "Нажмите Shift T, чтобы менять разрешение". Вот. И он её типа переводит в режим типа авто этих изменений. Режим план мода. А где режим аска? Почему? Ну где он? Как я не хочу, чтобы он код поменял. Что мне делать? Ну оказывается, а в режиме типа askкмода выступает план мод. Ну план мод отдельно есть и в курсоре. Ну дальше в чём смысл. О'кей, я могу использовать его, чтобы задавать ему какие-то вопросы внутри планмода. И дальше давайте пройдёмся немножко по интересному. Я хочу дальше как-то ещё повысить точность написания кода, которую может выдавать мне моделька. У нас всегда есть только один вариант, как можно улучшать качество кода. Это усиливать промт. Как его можно усилить? Туда нужно давать какую-то допнформацию. Откуда её взять? Ну, мы её обычно запихиваем в cloud, который у меня не читается. А либо, ну, мы как-то хотим типа опкту, типа тут напечатать это словами. Ну, мы можем это не делать. Мы можем дать клаудкоду курсору там доступ в интернет. Это делается через такую штуку, как MCP сервера. MCP сервера - это просто вот отдельный инструмент, который позволяет LLM ходить и с чем-то взаимодействовать. То есть мы можем настроить её взаимодействие с какой-нибудь документацией, с каким-нибудь другим сервисом. Например, сервис вот, который мы видели, который делает frontend. Вот тут у него, видите, снизу есть типа Legacy Tools Magic MCP. Вот можно было настроить с ним взаимодействие, чтобы когда cloud типа, ну, курсор пишет код, он сам заходит сюда и имеет доступ ко всем вот этим интерфейсам. То есть он там хочет сделать, например, какую-нибудь кнопочку. Он может прямо типа вот сюда зайти на этот сайт, а, и посмотреть, какие тут типа кнопки сейчас существуют. Вот. И какую-нибудь из них скопировать, то есть готовый под неё интерфейс. Всё, это отлично, очень удобно. Допустим, я сейчас хочу добавить вот себе такую штуку, но я не иду гуглить, я говорю ему: "Давай-ка, расскажи-ка мне, как мне". Он дальше начинает думать. И сейчас он мне распишет, как мне это всё сделать. Я его ещё заставлю это сделать всё за меня. Значит, вот он что-то мне тут навыдавал. Он изучил и предложил мне несколько вариантов. То есть 1 2 3. Дал три варианта, что можно делать. Выдал мне прямо команды, как добавлять эти MCP. Всё просто прекрасно. Я ничего не делал, я не тратил своё время, силы, чтобы итогуть. Я просто вот сидел, репусал, и он всё за меня сделал. Просто прекрасно. Вот. И он мне ещё предлагает создать отдельный вот файлы MCP и JSON для вот этой конфигурации. А, ну, в принципе, о'кей. А, можем это сделать, но я сейчас просто возьму и пойду уже возьму свой готовый MCP файлик из другого готового репозитория. Ну вот, значит, файлик я скопировал. Выглядит он у меня вот так вот маленький такой для примера. А первая МCшка позволяет, чтобы открывать Google Chrome, делать скрины, смотреть в консоль и таким образом автоматом дебажить мой фронтенд. А и вторая команда мне нужна для работы с Юпитером, чтобы Cloudкод мог работать с файлами Юпитера. Это важно для ML разработчиков. Собственно, вот эти все PCшки он мне ставил сам. То есть я этого ничего не делал. Я просто его просил мне их поставить. У кладкода есть один большой плюс, и он заключается в том, что у него очень выгодная система, ну, по финансам. Что это значит? Это значит, что он устроен, ну, не совсем как курсор. Мы просто оплачиваем раз подписку. Базовая стоит столько же, там 2.000 руб., как в курсоре, так и у кладкода. А, но у курсора ты можешь выходить за лимиты, и тогда он просто себя берёт деньги. А клад-код тебе просто говорит: "Так, стоп, на сегодня хватит. У тебя лимиты возобновляются завтра, да, через там столько-то часов можешь заново типа кодить. Вот. Э, собственно, для меня это немножко удобнее, когда мне нужно писать какие-то большие массивы кода. А мне такой подход нравится. Мне просто неудобен cloudдкод, типа, для работы. Мне мне намного легче взаимодействовать с курсором. Поэтому я действую по следующей стратегии. А у меня в начале месяца прошла подписка, значит, появилась на курсор и на cloudкод. Значит, я сижу в курсоре и вытрачиваю все лимиты, которые есть по платным моделькам. Как только лимиты у меня закончились, я в курсоре пользуюсь только бесплатной моделькой. А, да, она очень тупая, но плюс-минус для каких-то задач простых хватает. А затем начинаю для чего-то сложного пользоваться клауд-кодом. Да, бывает неудобно, но, ну, нормально, как-то справляемся, в принципе, пойдёт. И вот последнее, о чём я хотел бы ещё поговорить - это про UI cloudкод. То есть многие там могут там сразу в комментах написать, что, ну, есть типа UI клауд-кода. Давайте сейчас на неё посмотрим. Так. И вот я открыл типа встроенное расширение для вес-кода, для курсора, всё одинаково. Вот типа сбоку у меня есть-код, но, ну, это тоже полная туфта. А в чём тут проблема? Чем он мне не нравится? Мы, например, вот сейчас запускали до этого вот cloudкод сбоку в режиме с флагом, да? То есть я ему флагом прописывал, типа, чтобы он скипал пермишены. Как мне запустить вот этот cloudкод с такими пермишенами? Непонятно. То есть он у меня просто, да, запустился сразу же по умолчанию, и мне надо дальше с ним как-то взаимодействовать. То есть опять какое-то неудобство. Ну о'кей, хорошо, я буду дальше там с ним как-то работать. Но в дальнейшем вот мы видели, надо, например, ставить команды с MCP. Они тоже требуют консольных флагов. Так нафига он мне нужен? Всё равно приходится пользоваться вот таким типа базовым-ходом. То есть непонятно, что мне даёт вот эташка. Ну вначале может типа позволит мне видеть, как в курсоре, как файлы меняются. Ну нет, она не даёт мне такой возможности. Я этого тоже не вижу. То есть опять непонятно. И ну в каком месте Cloudкод тут выигрывает курсор.
Ну давайте вернёмся, значит, в обычный курсор и закончим. Посмотрим, что ещё тут можно делать, какие у нас ещё кнопочки остались. Значит, о'кей. То есть у нас есть ат, план mode, ask, агент он просто сразу нам код меняет. А он не имеет доступ к изменению, а в планмоде он начинает отжирать у вас токены, потому что в планмоде он начинает накидывать, накидывать больше типа промта, чтобы более качественно пропланировать дальнейшие действия. Поэтому планмод я обычно, ну, просто избегаю, я им не пользуюсь. А что у нас тут ещё есть? У нас собачка, поняли? Это мы просто добавляем файлы в контекст, чтобы он понимал, что происходит. Потом типа можем дать ему доступ до интернета, а, и можем подгружать картинку. Мм, давайте посмотрим, что можем сделать с картинкой. Я, допустим, зайду на сайт Apple и, ну, пример, вот мне нравится, да, дизайн сайта Apple. Я вот хочу, я хочу, чтобы у меня на главной странице вот такие типа такие были штучки. А давайте я просто сделаю скриншот этой страницы. Вот так вот. Чик. А, и засылаю ему сюда вот скриншот. Я хочу, типа, сделай мне на сайте всё. Команду я ему дал. Посмотрим, что он сейчас мм наделает. Пока подождём просто.
Ну, а теперь давайте просто посмотрим на результат и что он смог сделать просто по одной картинке. Вот эту страницу мне сделал д-код. Всё, прошло 3 минуты, как он это делал. Вот изначально Apple, типа, вот их страничка. Я ему просто показал скриншот. И он мне выдал вот это, типа, ну, по-моему, типа, прекрасно. Немного доработочки и всё будет ещё лучше работать. О, тут ещё переключение есть на страничку вот эту старую, где была детекция объектов. Ну, собственно, вот в целом и всё.
Ну, собственно, вот и всё. И вы сейчас могли убедиться в том, что никакого тайного знания тут нет. Всё максимально просто и прямолинейно. Вы просто должны делать. Открываете курсорчик, cloudкодик и начинаете туда сразу писать ваши запросы и промты. Тут не надо иметь никакого допскила, просто берём и делаем. И вы можете за считанные минуты получить просто уже невероятный прогресс в ваших делах и задачах, получать очень крутой функционал, на который бы вручную вы тратили месяц работы. Вот поэтому я очень надеюсь, что данное видео на многих повлияет. Я точно знаю, что ещё огромное количество разработчиков до сих пор не перешло на вайбкодинг и не используют в своей работе и инструменты. При этом я понимаю, как много они теряют. Я буду очень рад, если это видео послужит для вас примером и вы внедрите эти инструменты в свою повседнную жизнь. Вот. А больше всего интересного и о разработке своего сайта и продукта я пишу вот у себя в Telegram-канале. Подписывайтесь, будет интересно.