К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

inspector-docs — скилл для Claude Code: что делает и как установить

Связывает документацию CopilotKit с рабочими панелями оверлея Inspector. Нужен при добавлении, переименовании или удалении вкладок в @copilotkit/web-inspector.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add CopilotKit/CopilotKit --skill inspector-docs -a claude-code
Открыть на GitHub

Что делает inspector-docs

Скилл следит за тем, чтобы документация вела читателя только на готовые панели локального оверлея Inspector (включая Threads и Agents). Он сверяет изменения с файлом references/pane-map.md. Если вкладка ещё не выпущена в релиз, скилл блокирует добавление выноски Callout, чтобы не обещать пользователям отсутствующий интерфейс.

Процедура работы строго регламентирована. Для новых панелей агент проверяет имя в интерфейсе и обновляет карту документации, а для удалённых — зачищает выноски и строки в таблице. В документации React Native и Channels скилл запрещает добавлять призыв открыть оверлей, потому что на этих платформах его просто нет.

Какие задачи решает

  • синхронизировать выноски Callout с реальными панелями Inspector
  • обновлять карту соответствия в references/pane-map.md
  • убрать упоминания удалённых вкладок из документации
  • предотвратить ложные инструкции для React Native и Channels

Примеры запросов агенту

  • Я добавил новую панель в @copilotkit/web-inspector, обнови документацию и references/pane-map.md
  • Удалили вкладку из Inspector, почисти Callout в документах
  • Проверь шаги первого запуска в документации quickstart для Inspector

Как установить inspector-docs

1Через Skills CLI (Vercel)

npx skills add CopilotKit/CopilotKit --skill inspector-docs -a claude-code

2Вручную: положить файлы

~/.claude/skills/inspector-docs/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/inspector-docs/

Из того же набора6

Весь набор →
setup-slack-channel CopilotKit Скилл для подключения локального CopilotKit Channels агента к Slack с нуля: создаёт Slack-приложение, генерирует токены и привязывает их к управляемому Intelligence Channel. Нужен, чтобы бот отвечал на упоминания в Slack. Claude Code CX Codex Cursor +1 1 300установок copilotkit-channels CopilotKit Настраивает кодовую часть управляемых каналов CopilotKit для Slack и Microsoft Teams. Связывает рантайм агента с инфраструктурой Intelligence без ручной маршрутизации вебхуков. Claude Code CX Codex Cursor +1 1 300установок channels-setup CopilotKit Скилл для создания первого CopilotKit Channels агента и подключения его к Slack или Microsoft Teams. Охватывает весь путь: от проверки проекта до запуска агента, который отвечает на упоминания в чате. Claude Code CX Codex Cursor +1 1 300установок intelligence-docs CopilotKit Скилл следит, чтобы посадочная страница CopilotKit Intelligence всегда соответствовала новым фичам и документам. Автоматизирует обновление навигации, карточек и ссылок при добавлении или изменении страниц под docs/intelligence. Claude Code CX Codex Cursor +1 751установок intelligence-vocabulary CopilotKit Скилл фиксирует терминологию в документации CopilotKit Intelligence и запрещает синонимы для одного понятия. Пригодится при правке текстов и навигации в showcase/shell-docs. Claude Code CX Codex Cursor +1 539установок

Похожие

customer-journey-map phuryn Строит карту пути клиента от первого знакомства до рекомендации: этапы, точки контакта, эмоции, проблемы и идеи улучшений. Пригодится для анализа опыта и онбординга. Claude Code CX Codex Cursor +1 3 100установок summarize-meeting phuryn Превращает транскрипты встреч в организованные заметки с датой, участниками, решениями и поручениями. Пригодится, когда нужно быстро обработать запись встречи или составить протокол. Claude Code CX Codex Cursor +1 3 100установок resume-section-builder Paramchoudhary Скилл помогает написать разделы резюме, адаптированные под опыт и должность. Генерирует профессиональное резюме, структурирует навыки, оформляет опыт работы и образование — со своими правилами для junior, middle и senior. Claude Code CX Codex Cursor +1 9 800установок career-changer-translator Paramchoudhary Помогает переписать опыт из одной сферы под требования другой, найти переносимые навыки и составить резюме для карьерного перехода. Claude Code CX Codex Cursor +1 9 500установок resume-version-manager Paramchoudhary Скилл ведёт мастер-резюме как единственный источник правды и раскладывает по папкам версии под конкретные вакансии. Пригодится, когда откликов много и уже не помнишь, что куда ушло. Claude Code CX Codex Cursor +1 9 500установок review-resume phuryn Скилл проверяет резюме продакт-менеджера по 10 практикам и помогает адаптировать его под вакансию. Пригодится перед откликом. Claude Code CX Codex Cursor +1 3 000установок grill-with-docs Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну и по ходу создаёт ADR и глоссарий. Подойдёт перед началом сложной разработки. Claude Code 1 219 756установок skill-creator официальный anthropics Помогает создать новый скилл, доработать существующий и проверить результат через тестовые промпты и оценки. Claude Code Claude.ai 414 180установок

Вопросы о inspector-docs

Как установить inspector-docs в Claude Code?

Выполните команду npx skills add CopilotKit/CopilotKit --skill inspector-docs -a claude-code.

Что делает inspector-docs?

Скилл координирует выноски документации с панелями оверлея Inspector и проверяет таблицу references/pane-map.md.

Когда скилл inspector-docs использовать нельзя?

Не используйте его для правок иконок, вёрстки или черновых идей вроде Playground и Fork. Для вёрстки оверлея предназначен inspector-workbench.

Исходный текст

SKILL.md · MIT
---
name: inspector-docs
description: >
  Keeps CopilotKit docs pointing at shipped Inspector panes so readers open
  the overlay. Use when adding, changing, renaming, or removing an Inspector
  pane, tab, or overlay action in @copilotkit/web-inspector, or when editing
  docs that mention Inspector. Don't use for Inspector UI polish that does
  not add a pane, for CLI or agent-prompt copy, or for unshipped Inspector
  ideas.
version: 1.0.1
---

# Inspector Docs Callouts

Inspector is the localhost overlay that shows Threads, Agents, and Learning.
Every shipped pane that a reader can use must have a docs pointer. The
pointer tells the reader to open Inspector and look at that pane.

## When To Use

Load this skill when:

- A pane, tab, or overlay action is added, renamed, or removed in Inspector
- A docs page teaches a feature that Inspector already shows
- A PR touches both Inspector source and product docs

Do not load it for icon, ping, layout, or copy-only Inspector changes that
do not add a pane. Those UI changes use `inspector-workbench`.

If the same change also edits Inspector UI, load `inspector-workbench` as
well and start the standalone lab.

## Procedures

### Procedure 1: Map a shipped pane to docs

1. Name the shipped pane using the label the reader sees in Inspector.
2. If mapping a pane, read `references/pane-map.md` before proceeding.
3. If the pane is not shipped, stop. Do not add a Callout.
4. If the map already has a page, open that page and confirm the Callout names this pane and what success looks like.
5. If the map has no page, add a Callout on the matching shared root docs page, or write `no page yet` in the map. Do not invent a page.
6. Update `references/pane-map.md` in the same change.

### Procedure 2: Remove a pane

1. If removing a pane, read `references/pane-map.md` before proceeding.
2. Remove the Callout from the mapped page.
3. Delete the map row.

### Procedure 3: Quickstart sanity-check step

The default web quickstart includes a numbered step after the first chat:

1. **Agents** then **Agent**: the agent is listed.
2. Send a chat message. **Agents** then **AG-UI Events**: events are moving.
3. **Threads**: unlocked, or locked with Enable Intelligence.

Angular uses the shared step snippet, like every other web frontend: `@copilotkit/angular` auto-mounts a pinned `@copilotkit/web-inspector`, so there is no install step to link (OSS-948). React Native and Channels do not get this step at all.

## Decision Tree

- Inspector pane added, renamed, or changed:
  - If the pane is not shipped: stop
  - Else: Procedure 1
- Inspector pane removed: Procedure 2
- Quickstart or first-run docs: Procedure 3
  - If a pane is also new: Procedure 1

## Red Flags

| Signal                                                                 | What it means                                        | Do instead                                                        |
| ---------------------------------------------------------------------- | ---------------------------------------------------- | ----------------------------------------------------------------- |
| Callout names Playground, Fork, emit events, or another unshipped idea | Docs would advertise work that is not in the overlay | Stop. Record the idea under Unshipped in `references/pane-map.md` |
| "Click the Inspector button" on React Native or Channels               | Those surfaces have no web overlay                   | Skip the Open Inspector step                                      |
| Callout names a pane the overlay does not show                         | The pointer is a lie                                 | Rewrite the Callout to a shipped pane, or remove it               |

## Error Handling

- **Pane is not shipped**: halt. Do not add a Callout for Playground, Fork, emit events, or other unshipped work.
- **No matching docs page**: record `no page yet` in the map. Do not create a new docs section unless the user asked for one.
- **Non-web surface** (React Native, Channels): do not add "click the Inspector button".
- **Callout names a pane the overlay does not show**: rewrite the Callout or remove it.

© CopilotKit · MIT · CopilotKit/CopilotKit

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой