HumanLayer Skills: 6 навыков для Claude Code
📂 Исходный код на GitHubОткрытый набор Claude Code skills от HumanLayer: визуальные объяснения, PR-описания, CLAUDE.md, React-типы и агентные циклы.
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-me — 1.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