ПОЛНЫЙ ГАЙД Codex от OpenAI! MCP + Skills + ТЗ. ВСЁ что нужно знать

Всем привет. Меня зовут Костя, и этот ролик посвящён кодексу. Здесь мы поговорим, а как им пользоваться, как его установить, какие виды кодекса бывают от Open AI, а как установить MCP Skills, как создать спецификацию, так называемое ТЗ для нейросети, по которой он будет создавать ваш проект и другие остальные фишки. На данный момент Openi предоставляет доступ к своему чату GPT и кодекс абсолютно бесплатно. Я не знаю, сколько это продлится. Написано, что ограниченное количество времени, но на данный момент используя бесплатный аккаунт, просто созданный, вы можете использовать кодекс и разрабатывать при помощи вот, допустим, GPT 5. 3 кодекс. Также уже 5. 4 вышла версия GPT. То есть вы можете попользоваться им полностью бесплатно. Давайте про сам кодекс. А, выглядит он следующим образом. Доступен он сразу же и на Windows, и на MacOS. То есть, э, вот такой вот интерфейс, где вы вводите в чат, что вы хотите получить. Он, соответственно, пишет код, и вы даже можете видеть его. А также можно сразу несколько проектов одновременно запускать. В них какие-либо вычисления. доступны skills, то есть навыки, так называемые доступны MCP-сервера, но мы о них поговорим чуть позже. Здесь объясняется, что доступно более подробно я оставлю ссылку, можете почитать. Также помимо десктопной вот такой вот версии существует CI программа. А устанавливается она следующей программой, то есть в вашем терминале. Для того, чтобы запустить программу терминале, вам обязательно нужно скачать Node JS. Без него он работать не будет, потому что здесь используется npm менеджер. То есть вам нужно будет скопировать вот такую вот команду, открыть свой терминал. А далее вам необходимо будет её сюда вставить вот таким вот образом нажать. А так как у меня MacOS, мне нужно будет суду прописать. у вас, скорее всего, не потребуется на Windows просто npm и так далее. Но перед этим обязательно установить самый последний. Далее, чтобы его запустить, просто набираете кодекс. А здесь обязательно, вернее, логин. Здесь логин нужно будет прописать, чтобы авторизоваться. Я думаю, вас попросит сразу же это сделать. А у меня доступны следующие модельки. могу показать, какие, то есть вот такие модельки у нас доступны сейчас на бесплатном тарифе. То есть у меня бесплатный тариф не платный, но а в этом видео мы именно сила не будем обсуждать. Здесь он, так сказать, не самый удобный для использования, на самом деле. А лучше использовать кодекс, он выглядит вот так, он гораздо удобней. Либо также есть вариант использовать расширение для Visual Studio кода. А, то есть это специальная программа для редактирования кода, куда вы можете установить расширение кодекс. То есть делается следующим образом. Здесь набираете кодекс, он среди расширения найдёт его, и вы нажмёте сюда и установите его. У меня он уже установлен, то есть я могу только выключить либо удалить. Здесь примерно всё то же самое будет, что и в кодексе обычной программе. То есть также вы можете выбирать модели. также уровень их мышления. Также здесь есть настройки logout. Вы можете войти свой аккаунт. Я вот свой вошёл уже. Мне доступны некие лимиты. Также, если вам будет мало бесплатного аккаунта, вы можете на официальном сайте gpt. com в разделе праing купить себе его при помощи любой иностранной карты. А, то есть тарифы здесь достаточно дешёвые. примерно 1. 00 руб. будет стоить плюс и его вам хватит, а, ну, на нормальное количество кодинга. Это не такая же история, как с клодкодом. То есть в клодкоде на базовом тарифе вы практически ничего не можете делать. Это 30 минут кодинга и всё. Здесь это хватает на гораздо дольше времени, там час, два, вполне себе, а то и больше, в зависимости от того, какую вы модель используете и какой уровень мышления. Но если у вас нет иностранной карты, есть вот такой вот сервис Plat Market, они мне абсолютно не платят ничего за рекламу. В чём их большое упущение? Уже пора бы начинать платить, ребята. Свяжитесь со мной, что ли. А так вот, а здесь продаются аккаунты, покупайте их на свой страх и риск, но они стоят достаточно дёшево и в целом они пригодны для использования. Я думаю, вам в

комментариях другие зрители моего канала могут написать по поводу этих аккаунтов, потому что я знаю, что многие их используют и у них всё о'кей. Ну давайте тогда перейдём в кодекс. Я думаю, авторизоваться вы здесь сможете без меня. Это всё очень легко делается. Просто входите в свой аккаунт, авторизуете через Google и всё. Давайте перейдём к кодексу. После того, как вы его установите, вам предложит сразу же авторизоваться. Можно это сделать через свой аккаунт чата GPT либо через APK. Через APK я вам не советую. Авторизуйтесь просто через аккаунт. То есть вам нужно будет продолжить через Google либо через Apple, через Microsoft. Я думаю, здесь понятно. Я через Google продолжу и всё, у меня авторизация прошла. Я могу пользоваться своим аккаунтом. Далее, смотрите, по поводу лимитов. Вы можете нажать на settings. Здесь, кстати, можно изменить язык приложения на русский, если вам интересно это. Также на казахский, украинский, белорусский. По-моему, здесь все есть. Итак, допустим, на русский язык. Смотрим, сколько у нас лимиты. У нас написано, что у нас от еженедельного лимита осталось 52%, который обновится 15 марта. Соответственно, примерно через 6 дней у меня обновится снова. я смогу снова использовать все свои лимиты. Но а не знаю, как у других. Я меняю аккаунты, ну, между собой. У меня их достаточное количество, я не получаю никаких банов. А говорят, что у некоторых всё-таки бан происходит, если так делаешь. У меня не происходит. Может быть, я особенный, не знаю, но меня, в общем-то, и не банит. Но я не использую более там пяти аккаунтов. Я использую Максимум 2. Для того, чтобы добавить сюда какой-либо свой проект, вам необходимо перейти к себе на компьютер и какую-нибудь папку сюда закинуть. Допустим, я вот Settings закину, кодекс settings, и внутри вы можете начать новый диалог. А, соответственно, также а кодекс умеет работать с Gitрепозиториями, если вы знаете, что это такое, то есть с местом, где у вас хранится весь код. Если у вас нет гитхаба, обязательно его зарегистрируете. Также, если вам интересно, чтобы я, а, видео какое-то про GitHub записал, как правильно хранить код, как делать туда мм записи условные, а, обновления. То есть, допустим, вы какую-то фичу разработали и вам нужно её туда добавить. Я могу всё это показать, как всем этим пользоваться, как правильно хранить код и так далее. по поводу элементов управления. То есть у нас здесь есть стандартный инпут, куда мы можем вводить какие-либо слова. У нас есть голосовой ввод, который понимает русский язык, что очень даже здорово. Здесь мы можем выбрать модель, которая нас сейчас интересует. Нет, допустим, 53. Так, я 53 кодекс буду использовать. Здесь мы можем уровень рассуждения выбрать. На что влияет уровень рассуждения? Это на проработку вашей задачи. и не всегда очень высокий, аа нужно ставить. То есть в некоторых случаях это наоборот только навредит. Здесь мы можем добавить а планирование. То есть перед тем, как создать приложение, он может сначала создать для него план мм допустим, или какую-то задачу проработать. То есть сначала он её спланирует, потом только сделает. Это очень удобно. Также мы можем выбрать здесь скорость работы, лучше выбирать стандартную. Если это маленькая какая-то задачка, поправка, можно выбирать fast. Далее, также у нас здесь ярилки есть MCP. О них я расскажу чуть позже. Также у нас можно добавлять а какие-то файлы, фотографии, которые помогут вам в разработке. Далее, а есть здесь уровни доступа. То есть по умолчанию, когда вы подтверждаете то, что делает нейросеть, есть полный, когда она сама понимает, что в какой последовательности делать, какие, а, допустим, терминальные команды запускать, это несколько опасно. Здесь так и написано, чтобы есть повышенный риск, потому что она может что-нибудь натворить такое, что распознает вашу команду не так, как следует, например, удалить вам весь диск. Такие случаи были, но у меня, допустим, не было. Я обычно ставлю полный доступ и, ну, и промт пишу таким образом, чтобы это не было двояка, чтобы он не пошёл куда-нибудь мне в другой диск и не удалил программное какое-то обеспечение на моём устройстве. Также у нас здесь есть терминал и панель, где можно увидеть, какие он изменения делает в проекте. Вот таким вот образом. Здесь можно выбрать режимы и так далее. Обязательно нужно подключить Git repositorй.

В консоли иногда нужно что-то прописывать, допустим, чтобы запустить проект. Для этого нужна консоль. Давайте теперь поговорим про MCP. У нас в настройках мы можем перейти в настройки. И у нас здесь есть серверы MCP. У нас есть предустановленные такие как Play Wriide, например. То есть он автоматически может использовать ваш браузер для тестирования и разработки. Так же, как здесь и написано. То есть вы можете просто поставить галочку, установить. Ну, то есть это предустановленные, они все свои мы тоже добавим. То есть на данный момент вот у нас Play будет работать. По поводу MCP в целом у нас есть вот такой сайт, называется он MCP Market. У нас здесь есть топ-100 MCP серверов, которые можно использовать. То есть здесь у нас есть также наш Playwite, который у нас уже подключен. Также есть остальные. А про каждый вы можете почитать самостоятельно, для чего он нужен. Здесь есть описание, но в целом это так называемые улучайзеры. Вот, допустим, сирена - это вообще must have в любом моём проекте. То есть я использую его на каждом своём проекте. Аа, смотрите, то есть у вас есть нейрока. При помощи MCP серверов она может какие-то вещи делать намного лучше, либо получать доступ к чему-то. Например, мы можем Suppabase подключить MCP, который будет понимать, что у вас в базе данных происходит. Он может создавать новые таблицы, создавать там правила определённые для таблиц, мм, поможет вам создать авторизацию и так далее. То есть он будет понимать, допустим, контекст семь - это доступ ко всей современной библиотеке аа так называемых документаций для языков программирования, для различных библиотек. То есть самая актуальная информация о документации будет храниться на MCP-сервере, и ваша нейросеть может, а отправлять запросы и получать. И таким образом нейросеть будет всегда иметь самую последнюю документацию. и выполнять какие-либо задачи гораздо лучше. Зачастую, ну вот смотрите, вот, допустим, на этом сайте есть, а переход на GitHub, вернее, это на MPM. Давайте на GitHubckubck перейдём. Смотрите, здесь есть вся инструкция, как это всё дело установить. Я покажу это на примере Шатсина. Вот это такая специальная, тот же MCP сервер, который хранит в себе всякие компоненты. для разработки и так далее. Темы. В общем, это визуальный улучшайзер для ваших проектов. Его мы сегодня и установим. А у нас вот есть раздел Quickstart. У нас есть вот такой вот а такая вот команда. Нам нужно её скопировать. Далее вернёмся в наш кодекс. Смотрите, вот, допустим, Playwrite, мы можем посмотреть настройки, как он установлен. Смотрите, у нас здесь написано NPX, дальше, а, playrite, MCP и так далее. В аргументах написано команда для запуска. У нас здесь будет всё то же самое. То есть, когда мы добавляем свой сервер, у нас написано команда на запуск. Мы также напишем, вернее, даже отсюда скопируем NPX. И в качестве аргумента мы засунем вот это и напишем здесь, допустим, что это у нас шатсин. И всё и сохраним. То есть теперь у нас есть шатсиен. Мы можем его использовать в наших проектах, можем его включать, можем отключать. То есть настройки у нас вот такие вот. Я думаю, что это в целом очень даже легко здесь устанавливать. То есть в остальных, допустим, каких-либо open кодах всё делается гораздо сложнее. А в кодекс это делается всё супер просто. Также помимо MCP у нас есть скилы, так называемые навыки. Что такое навыки? Это условные промты для работы с чем-то, то есть предустановленные. Мы можем тут из готовых выбрать, допустим, какой-нибудь playrite s skill. А также у нас есть сайт специализированный, где у нас хранятся всякие скилы, которые могут нам понадобиться в работе. То есть, допустим, вот у нас есть скил, да, определённый. Next cash compent expert. Можете перевести на русский язык страницу и почитать, для чего он нужен. Допустим, этот навык предоставляет специализированные рекомендации по внедрению компонента компонентов кэширования NextJS, то есть помогает вам как-либо в работе. Как вообще этот скилл выглядит? По сути, это одна огромная вот такая вот простыня с рекомендациями, с текстом, как что нейронки делать, с объяснением. По сути, это просто промт

просто большой для того, чтобы она могла использовать что-то кэшировать, то есть как там и написано. И таких MCP серверов много. Можем просто, допустим, скачать этот скилл. Он у нас появится в загрузках, и мы можем установить его в кодекс. Для того, чтобы его установить, мы набираем новый навык. Здесь у нас Skill Creator появляется. И далее мы просто всю папочку закидываем с этими скилами. То есть здесь и референсы, паттерны, скилы, точно сам скилл. И мы просто им говорим: "Добавь, добавь новый скилл из папки". И таким образом он сейчас при помощи скилкрейтора сам добавит нам этот скилл. Этот способ рабочий, но достаточно долгий, и вы токены тратите. Есть способ гораздо проще. То есть вам необходимо скопировать ваш ш compent в моём случае, ну, то есть скил ваш, где хранится вот это вот всё скачанные с сайта. Далее, а в моём случае, так как у меня MacOS, мне необходимо перейти в свою главную папку, найти здесь кодекс, здесь у нас есть skills и просто сюда её вставить. Далее перехожу в навыки. Он у меня уже будет здесь. Соответственно, я могу его включить, выключить и настроить. Вот таким образом. Далее, а у вас в Виндоусе будет немножко всё по-другому. У вас будет, а, у вас есть в документах пользователей есть скрытые папки. Вам нужно будет скрытые папки посмотреть. У вас должна быть точно такая же папка точка кодекс, в которой у вас будет храниться всё то же самое. Если у вас такой папки нет, вы можете, в принципе, поинтересоваться у своего кодекса, где лежит эта папка, чтобы он вам путь написал. То есть здесь вот в чате напишите у него, спросите. Теперь я хочу показать вам, как создать спецификацию. ТЗ называйте по-разному. М для создания проектов. У меня есть такой вот файлик Проgen называется. Я его закидываю в чат GPT. Лучше использовать веб-версию, не кодекс. Здесь он справится с этой задачей лучше. А в идеале использует для этого колод. Итак, а, кстати, промген, вот этот вот файлик я оставлю в Телеграме. В первым комментарим найдёте во там. Итак, а я прошу, помоги, помоги создать спецификацию спецификацию, а, для проекта NextJS. И не знаю, там, допустим, пиццерии, да, одностраничные. Далее он прочитает этот промген MD, и он знает, как меня зовут. И теперь он у меня будет уточнять. Так, он сразу, в принципе, начал создавать эту спецификацию по промтгену, потому что он понял, что за проект сразу же. Обычно он ещё может задавать вам какие-либо вопросы несколько там три-четыре. То есть, а сейчас он начал сразу же создавать спецификацию, то есть сейчас он её полностью напишет. Аа, создай для меня файл тоm. Это этой спецификации спецификация. Теперь он просто возьмёт эту всю спецификацию и упакует в MD файл. Также вы можете попросить его, допустим, ну, он сам разберёт, что нужно писать на английском. На самом деле то, что он вот так вот обрывками делает, это ничего страшного. Вот он сейчас всё это создаёт дело. Путер SEO прописывает элее. Судя по всему, он завершил, я так понимаю. Да. Теперь можем скачать этот MD файл. Угу. Не можем. О'кей, это ничего страшного. А в этом случае мы тогда просто Visual Studio CД откроем, закинем сюда

сюда, закинем сюда наш кодекс settings, папку, допустим, и здесь создадим новый файлик, например. И напишем здесь project. MD и возьмём эту всю спеку. Вот так вот скопируем весь ответ. Закинем сюда и вот это вот уберём. Типа кость. Алям-балям. Вот это нам не надо. Так, а почему он всё это не скопировал? Всё это копируем и вставляем. Вот сюда. Я говорю, что он так себе справляется. А лучше с этим работает, конечно же, клод. Теперь мы можем всё это закрыть, взять кодекс и, допустим, написать ему, а, создает проект по спецификации и закинуть ему этот project MD. И он сейчас этот проект полностью прочитает и поймёт, что ему необходимо сделать. А сделает он нам одностраничную, получается, одностраничный интернет-магазин пиццерии доставку. Пока он всё это делает, я ещё хотел показать вот такие штуки, что составь актуальный список MCP MCP и Skills. Skills viipe cдинг. Всё это написать обязательно надо для кодекс, подходящий моему проекту. Найди актуальный список в интернете на английском языке. То есть он сейчас пойдёт, вот у вас есть проект, да, уже заранее известный, и он сейчас пойдёт в интернет и найдёт весь список MCP и скилов, подходящий для вашего вот этого вот проекта, который вы создаёте. То есть он вот предлагает git mcp, f mcp, memory mcp, ну и так далее. Я думаю, понятно. Скилы он вам предлагает, чтобы вы обязательно установили developer, React UI Builder и так далее. Я думаю, это один из способов, как подобрать для вашего проекта MCP скилы. Но вообще, а стоит, конечно, MCP сервера подбирать самостоятельно. То есть вот на MCP маркете скилсы выбирать тоже на MCP маркете и в разделе Skills именно под ваш проект, либо найти уже готовые сборки в интернете, то есть которые рекомендуют сейчас для фронтэнда, для бэкэнда, для мобильной разработки и уже взять оттуда этот список. Но в идеале лучше подобрать самому при помощи разработки, смотреть на опыте, как это всё работает, помогает, не помогает, как это влияет на ваш проект и так далее. То есть это такая итеративный процесс долгий. Это будет в идеале. Также есть способ создания вот этой вот спецификации иного характера. То есть вы можете просто, ну, если вы разбираетесь, потому что нужно иметь представление о том проекте, который вы хотите создать. То есть вы можете просто включить диктофон, наговорить всё, что вы хотите создать, и в конце попросить его, чтобы он вам создал Markда в формате тоm, и он что-то подобное тоже вам сделает. Но апти вот он не очень силён в этом. Не очень красиво он всё это делает. Лучше просить это делать клод. Клод это делает намного более лучше. Все вот эти вот маркдауны создаёт. А даже по моему вот этому файлику с генерацией, он создаст более, ну, более подходящий, сразу правильный marркдаун вот в таком вот формате, который вы можете сразу же сохранить себе, скачать и использовать в своих

проектах. Итак, тем временем кодекс доделан весь наш проект. Чтобы его посмотреть, зачастую сам кодекс пишет, что нужно ввести. Мы открываем терминал. А я сейчас сотру всё это дело. Смотрите, у нас написано, что мы должны находиться в папке Codex Settings. Смотрите, мы уже находимся И теперь нам нужно набрать npm run def. Мы набираем. У нас сервер сам по себе запустился. Мы нажимаем на local host 3. 000 у себя в терминале, в кодексе. Сейчас он прогрузится, и мы увидим, какой проект по нашей документации создал а кодекс 5. 3. Ну вот такой вот у нас простенький проект получился. То есть у нас есть определённая менюшка, мы можем пиццы добавлять. А вот у нас получается корзина вот так выглядит. И мы можем заказать всё это дело себе. Такой вот простенький проект получился обычный. Чтобы создать какой-то более грандиозный проект с крутой анимацией и так далее, нужно обязательно спецификат всё прописывать, тогда мы получим более крутые проекты. Либо закидывать промты, э, уже с готовыми проектами, которые вам нравятся, чтобы он, ориентируясь на них, то есть неросеть какая-то, создала для вас новый промт. Также, чтобы увидеть код этого проекта, если вам интересно, можно просто нажать открыть. он вам откроет ваш Visual Studio код, и вы можете посмотреть на этот проект. То есть вот он у вас будет здесь. Ну, это больше для программистов НАТО. Нам вайпкодеров вайпкодером достаточно, чтобы это просто работало. Итак, вот такое вот у нас видео получилось. Надеюсь, вам оно помогло. А я вас благодарю за просмотр. Большое спасибо. Пишите комментарии, оставляйте своё мнение по поводу кодекса, а также ставьте лайки, подписывайтесь на Telegram канал. Ну а я с вами прощаюсь. До скорых встреч. Пока. Yeah.