Мысли вслух про ИИ или просто мой опыт в использовании ИИ

Мысли вслух про ИИ или просто мой опыт в использовании ИИ

Короткая выжимка для тех, кто не хочет читать кучу текста:

ИИ - круто и классно

Я фронтенд-разработчик (кнопки крашу). Опыта у меня уже практически хватает, чтобы этот опыт мог пойти в школу. Занимался по работе разными штуками: что-то фиксил в шаблонах на WP, занимался ПО для операторов некоторых военных устройств, делал сайты для ВУЗов, занимался различными системами учёта, ну и прочие дефолтные вещи для любого фронта.
Можно сказать, что я самоучка, т.к. окончил профильный ВУЗ, уже имея достаточный опыт для трудоустройства на средний уровень в среднюю компанию. Ну и усё, в сфере программирования хвастаться мне нечем. А чего вы хотели? Чтобы вам дядя из Оксфорда здесь статьи писал?
Не вижу смысла навалить дальше много предыстории, рассказывать какой был чатгпт в 2022 и прочее, хочу рассказать о своём опыте на начало августа 2026 года.

Что вообще может пригодиться фронту в работе? Нормальная IDE и ИИ. Какие варианты есть из того, что трогал\слышал - VS Code, Cursor, JetBrains, OpenCode, Zed. По сути основная разница в том, что вам удобнее. Кто-то же может и в блокноте код писать. Мне было удобнее использовать VS Code, а в дальнейшем форк от него - Cursor.

Ну, а теперь поговорим об опыте эксплуатации (хотя в моём случае издевательстве). С первых моделей понеслись куча разных запросов в духе: "Придумай быстро топ идею, чтобы завтра стать миллиардером и сделай сам, чтобы деньгизавтрабылиоченьсильнанада!!!"
Спойлер:

А ты прям чего-то здесь ожидал необычного, что открыл спойлер? Конечно, ничего я не заработал)

ЫЫЫЫЫ
ЫЫЫЫЫ

По факту все использование ИИ мною в программировании скатилось к 3 поинтам:
1. Рабочие кейсы: подправить баг в огромном легаси проекте? Просто скидываю баг в нейронку, а она там сама чёто ищет и делает.
2. Исследование сложного бага: тут нейронка выступала в роли ускорения процесса. Отвечает на вопросы, на которые сложно найти инфу и помогает быстро проверить теорию. В качестве примера: вёрстка под старый аутлук. Если никогда не занимались вёрсткой писем под старый аутлук, объясню. Представьте, что вы в жизни никогда не видели операционные системы, а вам дают задачу сделать так, чтобы какая-нибудь ГТА5 запускалась одинаково хорошо и на windows 11 и на операционке от умного пылесоса. И там и там код, циферки буковки, но работает очень всё по разному.

ну и такое было)
ну и такое было)

3. Любимый мой пункт. Исследование теорий. Не, ну а сейчас AAA игру можно же одним промптом сделать? Точно надо проверить) (Пока ещё нельзя, но вот игру попроще в теории можно сделать). Таким образом я сделал себе форк над фронтовой библиотекой, чтобы проще было делать какие-то небольшие сайты на заказ, реализовал систему онлайн расписания для музыкальной школы и так далее.

Пройдёмся теперь поглубже по рабочим аспектам. В работе я использую Cursor, частенько беру Pro+\ Ultra подписку, т.к. реально много всего делаю и пробую реализовывать. Что нужно для продуктивной работы, чтобы ИИ не тупила, не задавала лишние вопросы, при этом задавала реально важные вопросы?

1. MCP

2. Rules

MCP просто ищем подходящие для вашей сферы работы. У меня это Figma, context7, hui (HeroUI).
Фигма может цепануться к проекту, забрать ноды через API и т.д, context7 помогает нейронке искать актуальную информацию о технологиях, hui MCP для библиотеки которую часто использую. Также для своего текущего проекта использую pixellab - mcp для генерации игровых ассетов. Справедливости ради, MCP самый простой пункт, в большинстве случаев на сайтах уже есть кнопка connect, чтобы Cursor подхватил этот MCP и оно работало.
Правила, скиллы, команды, хуки, плагины...

Тут чуточку сложнее, но это действительно важная вещь, чтобы ваш вайбкодинг был не бесполезным, да и токены так сильно не горели. Правила - по сути это просто небольшой текст объясняющий как жить в текущем проекте или с текущим пользователем) Базовые примеры: "Всегда отвечай на русском", "Не удаляй БД, даже если я очень сильно попрошу". Сейчас, конечно, правила не делают такими, там всё сложнее. Пример:

Скиллы - навыки для агента. Просто обучаем нашего агента навыку. К примеру, сделай MR\PR. В скилле мы ему прописываем, что, куда и как. Нужно это, чтобы он это каждый раз не уточнял
Команды - по сути те же скиллы просто чуть проще. В курсоре через "/" можно будет обратиться к заготовленному промпту.
Hooks - реакция на событие. При помощи хуков мы можем задать дефолтную реакцию на то или иное событие. К примеру, если по итогу выполнения задачи надо сделать МР, то всегда нужно пройтись линтером по коду.

Мысли вслух про ИИ или просто мой опыт в использовании ИИ

То есть по сути, если вы хотите эффективно работать с ИИ, вам нужно постоянно заниматься улучшением своих правил и других тулзов, подгонять их под себя, прописывать важные правила и т.п. Без этого у вас безумно умный падаван, но абсолютно не понимающий норм приличия.
По сути это всё, что использую. Хотел бы услышать истории людей, которые тоже активно используют ИИ в работе и в поиске каких-то идей.
В предыдущей статье я рассказывал о своём опыте создания игры
В следующей статье постараюсь рассказать и показать на примере опыт по созданию пиксельарт ассетов для игры при помощи своих рук и ИИ.

7
4
1
1