5 дополнений Claude Code в 2026 году: все команды за 3 минуты

Шаг 1. Playwright: она сама открывает сайт и находит ошибки

Вставь в то же окно строку, которая кладёт в проект умение Playwright, и нажми Enter:

playwright-cli install --skills

Увидишь три строки с зелёными галочками: Workspace initialized, Skill installed to .claude/skills/playwright-cli, Found chrome. У меня это заняло одну секунду. Что это даёт: в папке появилась инструкция, по которой Claude Code сам понимает, как открыть страницу, нажать кнопку и снять экран, тебе объяснять не придётся

Проверь на любом сайте, своём или чужом: вместо адреса ниже подставь свой, я открывал страницу гайдов на своём. Вставь и нажми Enter:

playwright-cli open https://адрес-твоего-сайта

В ответ придёт адрес страницы, её заголовок и ссылка на снимок структуры: список всех кнопок и ссылок с короткими метками вроде e6, по которым нейросеть потом кликает. Открытие заняло три секунды. Теперь набери playwright-cli screenshot, и в папке .playwright-cli ляжет картинка того, что сейчас видит браузер. Закрыть браузер: playwright-cli close

Прогон 27.09.2026: playwright-cli --version ответил 0.1.21, установка умений заняла 1 с, открытие страницы 3 с, снимок структуры и картинка легли в папку .playwright-cli. Команды и ответы целиком лежат в файле прогона рядом со статьёй

Здесь живёт первая ловушка, и она не показывает ошибки. Если Claude Code открыт не в той папке, где ты запускал установку умений, инструкции он не увидит и снова начнёт писать «проверь сам». Открывай claude из папки проекта, и дальше пиши обычными словами: «открой сайт и проверь, работает ли кнопка заявки». Установка Claude Code с нуля разобрана в отдельном гайде, а на Windows путь чуть другой: Claude Code на Windows

Шаг 2. Supabase MCP: база данных для приложения из чата

Supabase это бесплатное хранилище в облаке, куда приложение складывает пользователей, заказы и записи. MCP тут значит мостик: через него Claude Code сам создаёт таблицы и читает данные, а ты не заходишь в панель Supabase руками. Вставь строку целиком, с кавычками, и нажми Enter:

claude mcp add --scope project --transport http supabase "https://mcp.supabase.com/mcp?features=docs,database,development"

Увидишь ответ, что подключение supabase добавлено (строка начинается со слова Added), и путь к файлу .mcp.json в папке проекта. У меня это заняло одну секунду. Слово project в строке значит, что мостик привязан к этой папке и не тянется в остальные проекты

Дальше два действия в самом Claude Code. Набери claude в этой папке: он спросит, доверять ли новому подключению из .mcp.json, ответь «да». Потом набери /mcp, выбери supabase и пункт Authenticate: откроется браузер со входом в Supabase, войди или заведи аккаунт, он бесплатный. Пока ты этого не сделал, строка в списке подключений так и будет висеть с пометкой Pending approval. Что это даёт: после входа пишешь в чат «создай таблицу заказов с полями имя, телефон и сумма», и таблица появляется в твоём проекте Supabase без единого клика в его панели

Совет из документации Supabase, который стоит выполнить сразу: если у тебя уже есть рабочий проект с живыми данными, добавь к адресу &read_only=true, и нейросеть сможет только читать, а не менять. Про то, как на этих подключениях собрать сайт целиком, у меня есть отдельный разбор

Шаг 3. Strix: проверка проекта на дыры, как это сделал бы взломщик

Сначала убедись, что у тебя стоит и запущен Docker: значок кита в строке меню на Mac или в трее на Windows. Это отдельная бесплатная программа с сайта docker.com, внутри неё Strix запускает свою песочницу, чтобы атаковать копию проекта, а не твой компьютер. Без неё он не запустится вовсе, экранный текст этого отказа есть в разделе про ошибки

Второе условие: Strix думает чужой нейросетью и просит ключ модели или вход по подписке ChatGPT. Ключ берётся на сайте того, чью модель выбрал, в документации Strix в примерах стоит модель с площадки OpenRouter: там после входа открываешь раздел Keys, нажимаешь создание ключа и копируешь длинную строку, которая начинается с sk-or. Она как пароль, никому её не показывай

Третье: строки ниже начинаются со слова uvx, это запускалка программ на Python, у большинства её ещё нет. Поставь одной строкой: на Mac brew install uv, на Windows winget install --id=astral-sh.uv -e. Если на Mac в ответ пришло command not found: brew, значит Homebrew у тебя нет: открой страницу установки uv (адрес в источниках) и скопируй оттуда строку для Mac, она там одна. После установки закрой и открой окно команд заново и проверь uvx --version. Увидишь версию, у меня 0.11.16

Когда кит в строке меню на месте, вставь строку и нажми Enter, первый раз она скачает пакет:

uvx --from strix-agent strix --version

Увидишь ответ strix 1.6.2, у меня скачивание заняло 66 секунд. Вставь имя модели и ключ двумя строками, потом запусти проверку своей папки. На Mac так:

export STRIX_LLM="openrouter/z-ai/glm-5.3"
export LLM_API_KEY="твой-ключ"
uvx --from strix-agent strix --target ./папка-проекта

На Windows в PowerShell первые две строки пишутся иначе, третья та же:

$env:STRIX_LLM="openrouter/z-ai/glm-5.3"
$env:LLM_API_KEY="твой-ключ"
uvx --from strix-agent strix --target ./папка-проекта

Если ты уже перешёл в папку проекта через cd, вместо ./папка-проекта поставь просто точку. Что увидишь после Enter: Strix сохранит имя модели и ключ в свой файл настроек, и в следующий раз эти две строки вводить не придётся, авторы пишут об этом прямо

Проверяй только свои проекты или те, на которые есть письменное разрешение: авторы пишут это в первой строке, и это не формальность. Зачем вообще проверять то, что собрала нейросеть, я разбирал в статье про безопасность агентов

Шаг 4. Skill UI: оформление с понравившегося сайта

В папке проекта вставь строку с адресом сайта, чей стиль хочешь снять, и нажми Enter:

npx -y skillui@latest --url https://адрес-сайта --mode ultra --screens 3 --out ./out

Если Playwright в этой папке ещё не установлен, Skill UI напишет предупреждение Playwright not installed и снимет только цвета и шрифты, у меня такой заход занял 17 секунд. Добавь npm install playwright, нажми Enter, дождись строки added 2 packages и повтори строку выше. Второй заход занял 59 секунд и закончился таблицей Extraction Complete: 20 цветов, 3 шрифта, 9 повторяющихся блоков, 13 анимаций, 7 кадров прокрутки

✓ Ultra extraction  7 scroll frames · 4 keyframes · Web Animations API (13 active)

Что это даёт: в папке out появится папка с именем сайта и хвостом design, внутри DESIGN.md с цветами и отступами, SKILL.md и CLAUDE.md для нейросети, папка screens с кадрами страницы на разной прокрутке. Зайди в неё, набери claude и напиши: «собери страницу заявки в этом стиле». Claude Code сам прочитает SKILL.md, отдельно объяснять оформление не нужно

Одна вещь, о которой в ролике не говорят. Skill UI без спроса кладёт копию SKILL.md ещё и в общую папку умений ~/.claude/skills/имя-сайта-design, и стиль становится доступен во всех твоих проектах. Мне это подошло, но если хочешь стиль только в одном проекте, эту папку после снятия убери. Как устроены такие умения и как написать своё, отдельный разбор

Шаг 5. Context7: свежая документация вместо памяти модели

Вставь строку и нажми Enter, ответ приходит сразу:

claude mcp add --scope project --transport http context7 https://mcp.context7.com/mcp

Увидишь ту же строку со словом Added, что и у Supabase, только про context7. Ключ не обязателен: авторы пишут, что бесплатный ключ с context7.com/dashboard только поднимает лимит запросов. Что это даёт: когда просишь собрать что-то на библиотеке, добавь в конец запроса два слова use context7, и нейросеть возьмёт документацию с живой страницы проекта на GitHub, а не из памяти двухлетней давности

Я проверил на самом Playwright: спросил через Context7, как его поставить и снять экран. Пришли фрагменты со ссылкой на файл в GitHub у каждого, команды совпали с теми, что я выполнил в шаге 1. У него в Context7 359 фрагментов и обновление день назад, у большого Playwright 6873

Проверь, что все пять на месте

Пять строк проверки, каждая печатает одну понятную вещь. Ни одна из них ничего не меняет, гоняй сколько угодно:

Мой список подключений 27.09.2026: claude mcp list отработал за 5 с, context7 показал Connected, supabase остался с пометкой Pending approval, потому что в аккаунт Supabase я в этом прогоне не входил. Строки лежат в файле прогона 02 рядом со статьёй

Что ломается и что делать

Каждая строка ниже снята с моего экрана, а не придумана:

Если после пятого дополнения Claude Code стал отвечать медленнее, посмотри, сколько контекста едят подключения: у каждого мостика и умения есть цена в каждой сессии, и её видно встроенным отчётом

Запрос для нейросети после установки

Это тот самый запрос из ролика. Открой claude в папке проекта, вставь целиком и замени адрес сайта на свой:

Проверь, что у тебя в этом проекте есть пять дополнений: умение playwright-cli в .claude/skills, подключения supabase и context7 в .mcp.json, команда uvx --from strix-agent strix и пакет skillui через npx. По каждому напиши одной строкой: есть или нет и как ты это проверил.

Потом сделай пять первых дел, по одному на дополнение:
1. Через playwright-cli открой https://адрес-сайта, пройди по главным кнопкам и напиши, какие ведут в никуда или дают ошибку.
2. Через supabase покажи список таблиц проекта. Если таблиц нет, предложи схему из трёх таблиц под это приложение, но ничего не создавай без моего «да».
3. Через context7 возьми свежую документацию по главной библиотеке этого проекта и скажи, что в моём коде устарело. use context7
4. Через skillui сними оформление с https://адрес-сайта в папку out и перечисли пять главных цветов и шрифты.
5. Составь команду strix для проверки этой папки и объясни, что он будет делать, но не запускай без моего «да».

В конце дай список из пяти строк: дополнение, что оно уже сделало, что предлагаешь сделать следующим.

Что увидишь: нейросеть сначала перечислит пять строк «есть или нет», потом по очереди откроет сайт, спросит про таблицы, сверит версии и снимет стиль. Два действия из пяти, создание таблиц и запуск Strix, она специально остановит и спросит тебя: так задумано, чтобы первый прогон ничего не сломал

Вторая вещь, к которой стоит вернуться через неделю: таблица, по которой выбираешь дополнение под задачу, а не ставишь всё подряд

Чем это отличается от разбора 12 надстроек

Про надстройки Claude Code у меня есть большой разбор: что вообще ставить, как отличить официальную надстройку от чужой программы под её видом, и там же три официальных надстройки и четыре ускорителя лимита. Эта статья уже: пять конкретных дополнений из ролика, команда на каждое и первый запрос. Если непонятно, чем надстройка из каталога отличается от MCP и умения, коротко: первая ставится командой в чате, MCP подключается строкой claude mcp add, умение это папка с инструкцией. Полный словарь в отдельной статье

Источники

Все страницы открыты 27 сентября 2026 года; команды, версии и экранные строки сняты с собственного прогона в отдельной папке, а не переписаны из чужих обзоров

• Страница проекта Playwright для агентов на GitHub - команды установки, версия 0.1.21, лицензия Apache-2.0
• Документация Playwright для агентов, раздел установки - требование версии среды 20, ключ --skills, установка браузеров
• Документация Supabase MCP - строка подключения для Claude Code, вход через браузер, режим read_only, предупреждение о подставных инструкциях в данных
• Страница проекта Strix на GitHub - требования Docker и ключа модели, папка strix_runs, команда strix view, правило про разрешение на проверку
• Страница установки uv - строки установки для Mac и Windows, включая вариант без Homebrew
• Документация Strix, быстрый старт - две переменные с именем модели и ключом, режимы проверки
• Страница проекта Skill UI на GitHub - режим ultra и требование Playwright, состав папки на выходе, версия 1.3.4, лицензия MIT
• Страница проекта Context7 на GitHub - адрес mcp.context7.com/mcp, необязательный бесплатный ключ, слова use context7 в запросе
• Карточка Playwright CLI в Context7 - 359 фрагментов документации, дата обновления
• Собственный прогон 27 сентября 2026 года, macOS, Claude Code 2.1.280 - время каждой команды, экранные строки ошибок, кадры Playwright CLI и Skill UI

Памятка: пять дополнений и по одной строке на каждое

Пять строк, ради которых стоит вернуться сюда через неделю на новом проекте

Частые вопросы