AIKraft/Skills/devtools

devtools

Встраиваемая панель инспектора для любого приложения json-render. Используйте, когда пользователь хочет отладить генеративный UI, исследовать дерево спецификаций, редактировать состояние во время выполнения, видеть отправленные действия, отслеживать изменения потоков в реальном времени, просматривать каталог или выбирать элементы DOM для поиска их ключей спецификаций. Триггеры включают «добавить devtools», «отладить json-render», «исследовать спецификацию», «почему этот элемент не отображается», «увидеть состояние во время выполнения» или запросы на подключение к потокам / захват журналов действий для `@json-render/devtools`.

vercel-labs official Дизайн

Что делает навык

Встраиваемая панель инспектора для любого приложения json-render. Используйте, когда пользователь хочет отладить генеративный UI, исследовать дерево спецификаций, редактировать состояние во время выполнения, видеть отправленные действия, отслеживать изменения потоков в реальном времени, просматривать каталог или выбирать элементы DOM для поиска их ключей спецификаций. Триггеры включают «добавить devtools», «отладить json-render», «исследовать спецификацию», «почему этот элемент не отображается», «увидеть состояние во время выполнения» или запросы на подключение к потокам / захват журналов действий для `@json-render/devtools`.

Как подключить

1Скачать навык
# возьмите папку навыка «devtools» из репозитория: # https://github.com/vercel-labs/json-render
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r devtools/ ~/.claude/skills/devtools/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.