К содержанию
  1. Главная
  2. Материалы
  3. Контекст и система
РУКОВОДСТВО · БЕСПЛАТНО

20 дополнений Claude: код, тексты и дизайн

Контекст и системаНа русскомОбновлено 15 октября 2026

Хочешь найти навык под свою задачу, а не установить все подряд? Здесь 20 дополнений для Claude: у каждого есть назначение, способ установки и первый запрос. Начни с одного результата: проверить экран сайта, отредактировать текст или исправить ошибку.

В подборке есть обычные навыки, плагины и отдельные рабочие пространства. Они устроены по-разному, поэтому дальше у каждого указан свой способ подключения. Первые пять помогают быстро выбрать направление, а полный список из 20 находится ниже.

Что понадобится

Большинство пунктов ниже рассчитаны на Claude Code с доступом к локальным файлам и командам. Нужен действующий доступ к нему: платный план Claude с Claude Code либо Console с API-кредитами. Установка и первая задача.

Обычные навыки с текстовыми инструкциями можно использовать и в Claude в браузере, если доступно выполнение кода. Плагин с локальными программами туда не переносится простым ZIP. Ниже способы установки даны для Claude Code; вариант загрузки обычного навыка в браузер описан в конце.

Для команд npx нужен Node.js с npm, для git clone нужен Git. Открой терминал в папке своего проекта. Команды, начинающиеся с /plugin, вводятся в чате интерактивного Claude Code, а npx, git, npm и cd вводятся в терминале. Они устанавливают сторонние файлы: сначала открой ссылку и прочитай состав выбранного дополнения.

Пять дополнений, с которых можно начать

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

Find Skills от Vercel: найти нужный навык

Открыть Find Skills.

Если не знаешь, какой навык нужен, начни с поиска. Например, для проверки интерфейса:

Блок 1
npx skills find accessibility

Для команд npx нужен Node.js с npm. Если терминал пишет, что команда не найдена, сначала установи Node.js по официальной инструкции.

Посмотри найденные варианты, открой репозиторий и прочитай, что именно предлагает навык. Установка найденного пакета выполняется отдельно командой npx skills add <package> -a claude-code: вместо <package> подставь адрес из результатов поиска и выбери только нужный навык. Сам поиск работает без установки Find Skills. Если хочешь, чтобы агент умел запускать этот поиск, установка Find Skills дана в пункте 19.

Первый запрос агенту: «Найди навык для проверки интерфейса моего сайта. Покажи варианты, объясни разницу и дождись моего выбора перед установкой».

Karpathy Guidelines: меньше лишнего кода

Открыть Karpathy Guidelines.

Это набор инструкций по мотивам наблюдений Андрея Карпаты. Он предлагает сначала разобраться с предположениями, выбрать простое решение, вносить точечные изменения и проверять результат. Это проект сообщества, а не официальный продукт Карпаты.

Это правила работы с кодом, а не новая функция модели. Ручное добавление правил описано в пункте 20; существующий CLAUDE.md целиком не заменяй.

Первый запрос: «Исправь эту ошибку по Karpathy Guidelines. Сначала объясни причину, затем предложи минимальное изменение. Не переписывай соседний код без необходимости».

Marketing Skills: тексты и разбор сайта

Открыть Marketing Skills.

В наборе есть навыки для текстов, SEO-аудита, писем и анализа конверсии. Дай им контекст: что предлагаешь, кому, на каких условиях и какие примеры тебе нравятся.

Для установки в Claude Code:

Блок 2
npx skills add coreyhaines31/marketingskills --skill cro -a claude-code

Эта команда выбирает навык cro для анализа конверсии. Начни с одной страницы: «Разбери этот лендинг. Сначала назови три места, где непонятно предложение, затем предложи точечные правки. Не выдумывай отзывы, результаты и свойства продукта».

Superpowers: пройти задачу от идеи до проверки

Открыть Superpowers.

Плагин с набором навыков помогает выстроить работу над кодом: обсудить задачу, составить план, выполнить его и проверить изменения. В чате Claude Code установи:

Блок 3
/plugin install superpowers@claude-plugins-official

Первый запрос: «Хочу добавить форму заявки на сайт. Используй Superpowers: сначала уточни поведение формы и предложи план, затем перейди к реализации и проверке».

UI/UX Pro Max: оформить интерфейс

Открыть UI/UX Pro Max.

Дополнение помогает подобрать цвета, шрифты и расположение элементов, а затем применить рекомендации в интерфейсе. В терминале проекта выполни:

Блок 4
npx ui-ux-pro-max-cli init --ai claude

Для скриптов поиска нужен Python 3. Проверь python3 --version; в Windows команда может называться python. Это навык с данными и скриптами, а не отдельный графический редактор.

Первый запрос: «Используй UI/UX Pro Max для страницы моего проекта. Предложи цвета, шрифты и расположение блоков. Сохрани текущий логотип и узнаваемые элементы. Затем проверь читаемость и вид на телефоне».

Открой результат в браузере. Проверь, что текст читается, кнопки понятны, а страница не разваливается на узком экране.

Как проверить первое дополнение

После установки начни новую сессию в той же папке проекта. Попроси: «Какие навыки доступны? Покажи точное имя выбранного навыка». Найди его в меню /; у плагинов имя может иметь вид /plugin-name:skill-name. Если дополнение отсутствует, проверь путь установки и README, затем перезапусти сессию. Наличие папки еще не доказывает, что агент загрузил ее.

Запусти выбранный навык по имени и дай маленькую задачу. Проверь и сам результат, и то, что навык был вызван. Одно только упоминание названия в ответе не является проверкой установки.

Возьми небольшую задачу, для которой сможешь оценить результат: один экран, один текст или одну ошибку в коде. Сравни результат с исходным вариантом. Если навык требует правок, сохрани их в инструкции и проверь на следующей похожей задаче.

Для обычного навыка Claude Code использует каталог .claude/skills/<имя>/ в проекте или ~/.claude/skills/<имя>/ для личного использования. Внутри должен быть SKILL.md и все необходимые вспомогательные файлы. Плагин с зависимостями нельзя установить простым копированием одного файла. Документация навыков Claude Code.

Пример выбора: нужно проверить свой лендинг

Если текст непонятен, начни с Marketing Skills. Если теряются кнопки и заголовки, подойдет UI/UX Pro Max. Если форму нужно пройти в браузере, смотри Playwright Skill. Это три разные задачи; установка сразу всех трех не объяснит, что именно помогло.

Сохрани скриншот и текст страницы до правок. После работы навыка открой тот же экран и проверь исходную проблему. Если он красиво объяснил, как надо, но файл не изменился, попроси показать конкретный результат.

Как выбрать остальные

Для текста подойдут Stop-Slop и Marketing Skills. Для страницы, графика или слайдов: UI/UX Pro Max, D3 и Frontend Slides. Remotion, iOS Simulator, Callstack и Trail of Bits нужны при работе с соответствующими проектами. SEO Machine, Obsidian Second Brain и Claude Mem требуют отдельной настройки рабочего пространства или хранения данных. Их не стоит ставить ради одной фразы в чате.

Справочник дополнений

1. Marketing Skills: маркетинг под свою задачу

Набор навыков для текстов, SEO, писем, рекламы и аналитики. Это инструкции для агента, а не оплаченный доступ к моделям и внешним сервисам.

Тип и установка: коллекция навыков. Для первого прогона установи cro командой из начала статьи и вызови /cro.

С чего начать: Дай контекст продукта и попроси найти три непонятных места на одной странице сайта. Пример и команда установки есть выше.

Открыть проект и инструкцию установки

2. Stop-Slop: убрать шаблонные обороты

Помогает отредактировать текст, в котором слишком много одинаковых конструкций, лишней риторики и узнаваемых оборотов ИИ.

Тип и установка: обычный навык. Скачай репозиторий через Code / Download ZIP. Извлеки архив и скопируй папку с SKILL.md и references/ в .claude/skills/stop-slop/ своего проекта. В новой сессии вызови /stop-slop.

С чего начать: «Отредактируй этот текст с Stop-Slop. Сохрани смысл, факты, юмор и мою лексику. Покажи изменения». Сравни с исходником: характер текста должен остаться твоим.

Открыть проект и инструкцию установки

3. UI/UX Pro Max: собрать оформление страницы

Помогает работать с цветами, шрифтами и устройством интерфейса.

Тип и установка: навык со скриптами; Node.js и Python 3. Команда npx ui-ux-pro-max-cli init --ai claude приведена выше. Проверь появление ui-ux-pro-max в списке навыков.

С чего начать: Возьми один экран сайта и попроси предложить оформление, сохранив логотип и узнаваемые элементы. Первый запрос приведен выше.

Открыть проект и инструкцию установки

4. Remotion: видео по описанию

Официальные инструкции по работе в Remotion-проектах на React. Сам навык не является видеоредактором: предпросмотр и рендер выполняет Remotion.

Тип и установка: набор навыков. В папке существующего Remotion-проекта выполни npx skills add remotion-dev/skills -a claude-code и выбери нужный навык. Если проекта еще нет, сначала пройди создание проекта Remotion. Для коммерческой работы проверь условия лицензии.

С чего начать: «Создай десятисекундную анимацию заголовка, покажи ее в Remotion Studio и сохрани видео». Сначала проверь короткий фрагмент, потом собирай весь ролик.

Открыть проект и инструкцию установки

5. Context Engineering Kit: разбор ошибок и работа с контекстом

Набор плагинов для проверки решений, сохранения полезных выводов, ревью и работы с контекстом. В Claude Code можно выбирать отдельные плагины, а не подключать все сразу.

Тип и установка: набор плагинов. Для одного Reflexion в чате Claude Code:

Блок 5
/plugin marketplace add NeoLabHQ/context-engineering-kit
/plugin install reflexion@NeoLabHQ/context-engineering-kit

В новой сессии найди /reflect в меню команд плагина. Для обычного вызова Bun не требуется; он нужен для указанного в README автоматического hook.

С чего начать: Начни с Reflexion: «Разбери свое последнее решение. Найди пропущенные требования и предложи точечные исправления». Способ установки выбранного плагина указан в README.

Открыть проект и инструкцию установки

6. Superpowers: организовать разработку

Связывает обсуждение задачи, план, выполнение, тесты и проверку кода в один рабочий процесс.

Тип и установка: плагин, команда установки в начале статьи. После установки начни новую сессию, проверь наличие навыков Superpowers и попроси составить план небольшой функции.

С чего начать: Возьми небольшую функцию и пройди весь путь до проверки. Пример с формой заявки есть выше.

Открыть проект и инструкцию установки

7. Obsidian Second Brain: заметки, которые работают вместе

Помогает сохранять решения и искать нужный контекст в хранилище Obsidian. В проекте также есть веб-исследования, фоновые и запланированные агенты. Фоновый запуск включается отдельно; расписание зависит от среды запуска.

Тип и установка: плагин с командами, hook и MCP-сервером. Нужны Git и uv для Python-помощников. В чате Claude Code:

Блок 6
/plugin marketplace add eugeniughelbur/obsidian-second-brain
/plugin install obsidian-second-brain@obsidian-second-brain

Затем укажи OBSIDIAN_VAULT_PATH в разделе env файла ~/.claude/settings.json, сохраняя остальные настройки, по примеру в README. Начни с отдельного тестового хранилища и перезапусти Claude Code.

С чего начать: Для установки плагином команды имеют префикс: /obsidian-second-brain:obsidian-init, /obsidian-second-brain:obsidian-save, /obsidian-second-brain:obsidian-find. Сохрани одно решение и найди его в новой сессии. Открой реальную заметку и проверь текст. Фоновые агенты и расписание на этом шаге не нужны.

Открыть проект и инструкцию установки

8. Trail of Bits: проверить безопасность кода

Коллекция навыков для исследования безопасности и аудита. В ней есть отдельные инструменты для разбора кода, проверки изменений, поиска похожих ошибок и смарт-контрактов.

Тип и установка: каталог плагинов для разработчиков. В чате Claude Code введи /plugin marketplace add trailofbits/skills, затем открой /plugin menu и выбери differential-review для проверки изменений. Прочитай требования именно этого плагина: сканеры из других пунктов каталога могут требовать отдельной установки. Нужен проект с Git-историей и понятным набором изменений.

С чего начать: Выбери подходящий плагин по README. Первый запрос: «Разбери изменения в авторизации. Для каждого замечания покажи участок кода, сценарий ошибки и способ проверки».

Открыть проект и инструкцию установки

9. Caveman: короче отвечать

Режим предельно коротких ответов для работы с кодом. Вместо длинного объяснения агент старается сразу назвать причину и исправление.

Тип и установка: для этого примера нужен только навык коротких ответов, без прокси из того же репозитория. В терминале: npx skills add JuliusBrussee/caveman -a claude-code. В новой сессии вызови /caveman; для возврата напиши stop caveman.

С чего начать: Попроси объяснить одну ошибку обычным способом и в Caveman. Сравни, хватает ли короткого ответа для решения задачи. Для текстов, где важен голос автора, выбирай подходящий стиль отдельно.

Открыть проект и инструкцию установки

10. Playwright Skill: проверить сайт в браузере

Позволяет агенту писать и запускать браузерные сценарии: переходить по страницам, нажимать кнопки, заполнять формы и сохранять снимки экрана. Для запуска нужны Node.js, Playwright и Chromium; настройка описана в README.

Тип и установка: навык с исполняемыми скриптами. В терминале проекта:

Блок 7
npx skills add lackeyjb/playwright-skill --skill playwright-skill -a claude-code
cd .claude/skills/playwright-skill
npm run setup

Последняя команда ставит Playwright и Chromium. Вернись в папку проекта и начни новую сессию. Проверь, что навык доступен. Для первого теста используй свою локальную страницу с формой без отправки реальных заявок.

С чего начать: «Проверь форму заявки на тестовом сайте: пустые поля, неверный email и успешную отправку. Сохрани результат каждого сценария». Задай конкретные проверки и посмотри отчет, а не ограничивайся фразой «проверь весь сайт».

Открыть проект и инструкцию установки

11. SEO Machine: доработать существующую статью

Рабочее пространство Claude Code для исследования, написания и анализа статей. В нем есть интеграции с аналитикой и SEO-сервисами; им могут понадобиться отдельные ключи и оплата.

Тип и установка: отдельное рабочее пространство. Склонируй git clone https://github.com/TheCraigHewitt/seomachine.git, перейди в seomachine и прочитай раздел Setup в README. Заполни шаблоны в context/ сведениями о своем сайте, аудитории и голосе. Для модулей анализа установи Python-зависимости из data_sources/requirements.txt в отдельном виртуальном окружении по инструкции проекта. README также указывает Anthropic API account: до настройки проверь, какой доступ потребуется выбранному модулю. Ключи аналитики нужны только соответствующим интеграциям.

Положи свою статью в drafts/my-article.md, запусти Claude Code из корня этого workspace и используй /analyze-existing drafts/my-article.md. Проверь, что анализ ссылается на реальный текст. Оценка SEO в отчете не доказывает рост трафика.

С чего начать: Начни с одного своего текста: «Найди вопросы читателя, на которые эта статья не отвечает. Предложи правки структуры и места для внутренних ссылок». Перед подключением интеграций прочитай требования в README.

Открыть проект и инструкцию установки

12. D3.js Visualization: показать данные интерактивно

Навык для собственных графиков, сетевых схем и интерактивных визуализаций на D3.js. Подходит, когда стандартной диаграммы мало.

Тип и установка: обычный навык с assets/ и references/. Скачай репозиторий через Code / Download ZIP, извлеки архив и скопируй папку с SKILL.md, assets/ и references/ в .claude/skills/d3-viz/. Имя вызова из SKILL.md: /d3-viz. Для готового графика нужна библиотека D3: попроси агента явно указать, подключена она из проекта или загружается из интернета.

С чего начать: Дай CSV и попроси сделать HTML с графиком, подписями осей и значениями при наведении. Затем сверь несколько точек с исходными данными.

Открыть проект и инструкцию установки

13. iOS Simulator Skill: пройти экран приложения

Помогает собирать, запускать и проверять iOS-приложение в симуляторе. Этот пункт для разработчика с существующим iOS-проектом. Нужны macOS 15+, Xcode и Command Line Tools 26+, Python 3.12+, idb CLI и companion версии 1.5.1+ для интерактивных действий. Старые версии idb могут не работать с новым Xcode.

Тип и установка: плагин. В чате Claude Code:

Блок 8
/plugin marketplace add conorluddy/ios-simulator-skill
/plugin install ios-simulator-skill@conorluddy

Установку idb и проверку совместимости с твоим Xcode пройди по разделам Prerequisites и Updating idb в README. После установки попроси агента найти папку плагина и выполнить его scripts/sim_health_check.sh. Это проверка окружения; затем нужен отдельный тест экрана своего приложения.

С чего начать: «Собери приложение, открой экран входа в симуляторе и проверь ввод, кнопку и сообщение об ошибке. Сохрани снимки экрана».

Открыть проект и инструкцию установки

14. Frontend Slides: презентация в браузере

Создает HTML-презентации с нуля или переносит материалы из PowerPoint. Предлагает визуальные варианты, из которых можно выбрать стиль.

Тип и установка: навык в составе плагина. В чате Claude Code отправь по очереди:

Блок 9
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

В новой сессии вызови /frontend-slides:frontend-slides. Для базовой HTML-презентации не нужен npm-проект. Конвертация PowerPoint и экспорт PDF используют отдельные скрипты с дополнительными требованиями из README.

С чего начать: Дай план выступления и попроси сначала показать три варианта оформления одного слайда. После выбора собери всю презентацию и проверь в браузере.

Открыть проект и инструкцию установки

15. Algorithmic Art: графика из кода

Навык Anthropic для генеративной графики на p5.js: потоки, частицы и узоры с управляемыми параметрами. Фиксированный seed позволяет повторить вариант.

Тип и установка: обычный навык Anthropic. Скачай репозиторий через Code / Download ZIP и скопируй целиком skills/algorithmic-art/ в .claude/skills/algorithmic-art/. В новой сессии вызови /algorithmic-art. Если HTML подключает p5.js из CDN, при открытии нужен интернет; для работы без сети попроси локальную копию библиотеки.

С чего начать: «Создай интерактивный фон из частиц в этих цветах. Добавь управление плотностью и seed». Открой HTML: проверь ползунок плотности и повторяемость композиции при одинаковом seed. Выбери нужную композицию.

Открыть проект и инструкцию установки

16. React Native Agent Skills: мобильное приложение

Коллекция Callstack для разработки, оптимизации, тестирования и постепенного перехода на React Native. Можно выбрать набор под свою задачу.

Тип и установка: коллекция навыков для разработчиков. В папке React Native-проекта выполни npx skills add callstackincubator/agent-skills --skill react-native-best-practices -a claude-code. В новой сессии выбери навык из меню /. Навык не устанавливает SDK, эмулятор и зависимости приложения.

С чего начать: «Разбери этот экран React Native. Найди причины лишних перерисовок и предложи минимальные изменения». После одной правки проверь экран на устройстве или в симуляторе и сравни число перерисовок либо другой выбранный показатель. Общая рекомендация без измерения еще не доказывает ускорение.

Открыть проект и инструкцию установки

17. Claude Mem: вернуть контекст в новую сессию

Плагин сохраняет сведения о работе и подставляет подходящий контекст в следующие сессии. Он запускает отдельный worker и сохраняет контекст; провайдер определяет расходы и обработку данных.

Тип и установка: плагин, нужен Node.js 20+. В чате Claude Code:

Блок 10
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem

Перезапусти Claude Code и выбери провайдера по README: hosted observer, собственный ключ OpenRouter/Gemini или Anthropic plan. У hosted observer указан 30-дневный trial; дальнейший доступ и расходы проверь до включения. npm install -g claude-mem ставит библиотеку, но не подключает hooks и worker. Для первого теста используй несекретные данные в отдельном проекте.

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

Открыть проект и инструкцию установки

18. Task Observer: улучшать навыки по своим исправлениям

Замечает повторяющиеся правки и предлагает изменения навыков. Он не меняет установленные навыки сам: новые версии проходят отдельное рассмотрение и установку.

Тип и установка: метанавык, которому нужен доступ к файловой системе для сохранения наблюдений. В терминале:

Блок 11
npx skills add rebelytics/one-skill-to-rule-them-all --skill task-observer -a claude-code

Затем прочитай references/environments.md в установленной папке и добавь инструкцию активации для Claude Code в свой CLAUDE.md, сохраняя остальные правила. Одной установки недостаточно. Начни новую сессию и проверь, что task-observer действительно вызван. В конце спроси Any observations logged? и открой сохраненный журнал.

С чего начать: «Проанализируй исправления в этой сессии. Предложи одно изменение инструкции и покажи его перед применением».

Открыть проект и инструкцию установки

19. Find Skills от Vercel: поиск навыков

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

Тип и установка: обычный навык, который помогает пользоваться каталогом Skills CLI. Чтобы установить именно его: npx skills add vercel-labs/skills --skill find-skills -a claude-code. В новой сессии вызови /find-skills.

С чего начать: Команда npx skills find accessibility и пример выбора приведены выше. Перед установкой открой источник найденного навыка.

Открыть проект и инструкцию установки

20. Karpathy Guidelines: точечные изменения кода

Инструкции по мотивам наблюдений Карпаты: проверить предположения, выбрать простое решение, менять только нужное и проверить результат. Это проект сообщества.

Тип и подключение: в указанном репозитории это файл CLAUDE.md, а не самостоятельный плагин. Открой его, выбери подходящие правила и добавь к CLAUDE.md своего проекта. Marketplace-ссылка в README ведет к другой реализации; ее команды не устанавливают файл Multica.

С чего начать: Пример исправления одной ошибки приведен выше. Сравни diff: исправлена ли нужная ошибка, нет ли лишних изменений и проходит ли выбранная проверка. Добавляй выбранные правила к своим инструкциям, сохраняя уже действующие требования проекта.

Открыть проект и инструкцию установки

Обычные навыки в Claude в браузере и ручная установка

Как установить выбранное дополнение

Claude в браузере и обычном чате Claude Desktop

Обычные навыки доступны на Free, Pro, Max, Team и Enterprise при включенном выполнении кода; в организации права могут ограничиваться администратором. Это отличается от платного доступа к Claude Code. Для обычного навыка открой Customize / Skills / + / Create skill / Upload a skill и загрузи ZIP с папкой навыка. Внутри нужны SKILL.md и вспомогательные файлы. Если раздел Skills не виден, проверь, включено ли выполнение кода в Settings / Capabilities. Официальная инструкция.

Так можно добавить инструкции. Плагин, которому нужен локальный сервис, браузер или Xcode, одним ZIP не установится. Для него используй среду и способ из README.

Claude Code

Обычный навык положи целиком в .claude/skills/<имя>/ внутри проекта или в ~/.claude/skills/<имя>/ для личного использования. В корне этой папки должен быть SKILL.md, а рядом все нужные скрипты и справочные файлы.

Если проект предлагает плагин или отдельный установщик, следуй его README. Можно попросить агента: «Прочитай README этого дополнения. Объясни, что нужно установить и какие файлы изменятся. Дождись моего подтверждения».

Открытый код дополнения не оплачивает модель и сторонние сервисы. Перед установкой посмотри, нужны ли отдельные аккаунты, ключи и программы.

Скачать материал

Бесплатный Telegram

В бесплатном Telegram разбираю отдельные навыки и реальные задачи, для которых они нужны. Так легче выбрать следующее дополнение, чем каждый раз начинать с огромного каталога.

Бесплатный Telegram