HumanLayer Skills: 6 навыков для Claude Code

· 2 мин чтения
claude-code skills ai-agents github-actions react
📂 Исходный код на GitHub

Открытый набор Claude Code skills от HumanLayer: визуальные объяснения, PR-описания, CLAUDE.md, React-типы и агентные циклы.

HumanLayer Skills: 6 навыков для Claude Code

HumanLayer Skills: 6 навыков для Claude Code

Компания HumanLayer опубликовала открытый репозиторий humanlayer/skills — набор из шести Claude Code skills под лицензией MIT. Каждый навык решает узкую, но раздражающую на практике задачу: от визуальных объяснений и структурированных pull request до переписывания CLAUDE.md и построения агентных циклов поверх GitHub Actions.

В этой статье — что входит в набор, как его установить и когда какой навык стоит подключать.

Зачем Claude Code skills

Claude Code умеет работать с кодовой базой, но поведение агента сильно зависит от контекста: инструкций в CLAUDE.md, шаблонов оформления PR, принятых в проекте способов визуализации. Skills — это переиспользуемые инструкции под конкретную задачу, которые подключаются к сессии по требованию и не засоряют общий контекст.

Набор от HumanLayer не претендует на универсальность. Внутри — шесть самостоятельных плагинов, каждый со своим описанием и ключевыми словами в маркетплейсе .claude-plugin/marketplace.json. Плагины независимы: можно поставить один или все сразу.

Установка

Установка идёт через CLI skills:

npx skills add humanlayer/skills --skill SKILLNAME

Вместо SKILLNAME подставляется имя навыка. После установки навык вызывается слэш-командой в Claude Code:

/show-me

Полный список доступных команд приведён в README репозитория. Маркетплейс описан в файле .claude-plugin/marketplace.json: владелец — humanlayer (support@humanlayer.dev), версия 1.0.0, категория всех плагинов — productivity.

show-me — визуальные объяснения

Краткое описание из README: объясняет текущую тему с помощью лаконичных диаграмм, эскизов структуры кода и компактных HTML-артефактов.

npx skills add humanlayer/skills --skill show-me

Вызов: /show-me.

Навык предназначен для ситуаций, когда текстового описания недостаточно: архитектурный разбор, схема взаимодействия моделей данных, быстрый прототип визуального представления. В ключевых словах маркетплейса — visualization, diagrams, mermaid, code, html, так что ожидать стоит и mermaid-диаграммы, и простые HTML-артефакты. Версия плагина в маркетплейсе — 1.0.1.

visual-pr — наглядное описание pull request

Краткое описание: создаёт или обновляет pull request с краткой визуальной структурой, которая помогает ревьюерам понять изменение.

npx skills add humanlayer/skills --skill visual-pr

Вызов: /visual-pr.

Суть навыка — сократить стоимость code review. Вместо многабзацевого free-form описания PR получает структурированный обзор изменения. Ключевые слова: pull-request, code-review, visualization, github, claude-code.

improve-claude-md — инструкции, которые соблюдаются

Краткое описание: переписывает ваш CLAUDE.md с использованием блоков <important if> для улучшения соблюдения инструкций.

npx skills add humanlayer/skills --skill improve-claude-md

Вызов: /improve-claude-md в проекте.

Проблема, которую решает навык, знакома всем, кто ведёт CLAUDE.md: агент читает длинный файл и всё равно нарушает часть правил. Формат <important if> — условные блоки важности, которые связывают инструкцию с контекстом, в котором она обязательна. Ключевые слова: claude-md, instructions, important-if, claude-code.

narrow-react-prop-types — типы под реальные пути выполнения

Краткое описание: сужает типы пропсов React-компонентов так, чтобы они соответствовали реальным путям выполнения кода, а не состояниям, которые существуют только в Storybook, тестах или моках.

npx skills add humanlayer/skills --skill narrow-react-prop-types

Вызов: /narrow-react-prop-types в проекте.

Типичная проблема фронтенд-проектов: пропсы раздуваются, потому что в типах отражены «мог бы быть»-состояния из тестовых историй. Навык анализирует живые вызовы компонента и ужимает типы до того, что реально используется. Ключевые слова: react, typescript, props, components, claude-code.

build-iterated-agentic-loop — агентный цикл на GitHub Actions

Краткое описание: собирает локальный навык в репозитории плюс итеративный workflow coding-agent на GitHub Actions, промпт, файл памяти и референсные шаблоны.

npx skills add humanlayer/skills --skill build-iterated-agentic-loop

Вызов: /build-iterated-agentic-loop в проекте.

Это самый «инфраструктурный» навык набора. Он не решает разовую задачу, а создаёт повторяемый контур: агент выполняет итерации над кодом, состояние сохраняется в memory-файле, запуск происходит через GitHub Actions. На выходе — несколько артефактов в репозитории, которые дальше живут без самого навыка. Ключевые слова: iterated-agentic-loop, coding-agents, github-actions, skills, claude-code.

design-control-loop — интервью и сборка контура управления

Краткое описание: берёт у вас интервью, чтобы спроектировать агентный контур управления — датчик, контроллер, актуатор и возмущения — под вашу кодовую базу, затем строит его как локально запускаемые компоненты плюс запланированный workflow coding-agent.

npx skills add humanlayer/skills --skill design-control-loop

Вызов: /design-control-loop в проекте.

Навык использует терминологию теории управления применительно к агентному кодингу: сенсор (что измеряем), контроллер (как принимаем решение), актуатор (как воздействуем), возмущения (что ломает контур). Интервью сначала, сборка потом — подход, который снижает риск построить generic-решение, не подогнанное под проект. Ключевые слова включают control-loop, control-theory, sensor-controller-actuator, coding-agents, github-actions.

Лицензия и метаданные

Репозиторий распространяется по лицензии MIT: Copyright (c) 2026 HumanLayer (лицензия на GitHub). Маркетплейс-описание (metadata.description) — «Claude Code skills from HumanLayer». Каждый плагин имеет собственную версию (в основном 1.0.0, у show-me1.0.1) и автора humanlayer.

Отдельные файлы SKILL.md плагинов недоступны по прямым путям в ветке main — фактура выше взята из README и marketplace.json.

Когда брать этот набор

  • Нужны быстрые визуальные объяснения в сессии — show-me.
  • Ревью в команде тяжело читать PR — visual-pr.
  • CLAUDE.md перестал выполняться агентом — improve-claude-md.
  • React-типы раздуты тестовыми состояниями — narrow-react-prop-types.
  • Хотите автоматический итеративный контур агента в CI — build-iterated-agentic-loop.
  • Нужен осознанный дизайн агентного контура под свой код — design-control-loop.

Набор небольшой, MIT-лицензия позволяет форкать и адаптировать, а независимость плагинов — подключать ровно то, что нужно.

Источник: github.com/humanlayer/skills

Источник: https://github.com/humanlayer/skills