agentation · akillness — скилл для Claude Code: что делает и как установить
Скилл связывает клики по живому интерфейсу с ИИ-агентом, передавая разметку, CSS-селекторы и координаты элементов для быстрых правок вёрстки.
npx skills add akillness/jeo-skills --skill agentation -a claude-codeЧто делает agentation
agentation направляет визуальные замечания прямо в контекст ИИ-ассистента. Человек кликает по конкретному элементу на экране, а тулбар собирает структурированный пакет данных: селекторы, дерево DOM, координаты и markdown. Это избавляет от необходимости вручную выписывать пути к кнопкам или блокам в чате.
Инструмент поддерживает несколько сценариев. Доступны простое копирование markdown-пакета в диалог, автоматическая синхронизация очереди заметок через локальный MCP-сервер agentation-mcp или цикл автономных правок. Для работы панели требуются React 18+ и Node.js 18+. В репозитории есть скрипты setup-agentation-mcp.sh и verify-loop.sh для проверки очереди.
Для чистых сквозных тестов с нуля он не предназначен. Автор советует брать отдельные инструменты вроде browser-harness, если живой клик человека в браузере не требуется.
Какие задачи решает
- передать агенту CSS-селекторы и координаты сломанного элемента без ручного разбора DOM
- настроить очередь автоматической синхронизации заметок через локальный сервер MCP
- собрать структурированный отчёт по вёрстке для быстрой полировки интерфейса
- организовать цикл правок между дизайнером и агентом во время локальной разработки
Примеры запросов агенту
- Помоги настроить тулбар
agentationдля локальной сборки на React - Вот разметка и селекторы из тулбара, исправь отступы у кнопки оформления заказа
- Запусти
scripts/verify-loop.shи проверь очередь входящих правок UI
Как установить agentation
1Через Skills CLI (Vercel)
npx skills add akillness/jeo-skills --skill agentation -a claude-code2Вручную: положить файлы
~/.claude/skills/agentation/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/agentation/
1Через Skills CLI (Vercel)
npx skills add akillness/jeo-skills --skill agentation -a codex2Вручную: положить файлы
.agents/skills/agentation/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add akillness/jeo-skills --skill agentation -a cursor2Вручную: положить файлы
.cursor/skills/agentation/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install akillness/jeo-skills agentation2Вручную: положить файлы
.github/skills/agentation/SKILL.md1Через Skills CLI (Vercel)
npx skills add akillness/jeo-skills --skill agentation -a gemini-cli2Командой платформы
gemini skills install https://github.com/akillness/jeo-skills --path .agent-skills/agentationВручную: положить файлы
.devin/skills/agentation/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add akillness/jeo-skills --skill agentation -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о agentation
Как установить agentation в Claude Code?
Выполните команду npx skills add akillness/jeo-skills --skill agentation -a claude-code. Конфигурация сохранится по пути ~/.claude/skills/agentation/SKILL.md.
Что делает скилл agentation?
Он передаёт точные данные по элементам страницы прямо в ИИ-ассистента, фиксируя селекторы, координаты и разметку выбранного блока.
Какие требования нужны для работы тулбара?
Для компонента панели требуются React 18+ и Node.js 18+. Чтобы передавать данные в фоне без ручной вставки текста, потребуется запущенный мост agentation-mcp.
Похожие скиллы
Все скиллы по теме «Фронтенд и UI» →Сначала — agentation от других авторов.
