Расширение: Камера
Discover and install skills for AI agents.
AIcaffeinelabs
official
Другое
Что делает навык
Навык добавляет доступ к веб-камере через готовый React-хук @caffeinelabs/camera/hooks/useCamera.ts. Он поддерживает захват фото, переключение между камерами и обработку ошибок.
Когда применять
- Реализация функции захвата фотографий в веб-интерфейсе.
- Переключение между фронтальной ('user') и задней ('environment') камерами.
- Обработка ошибок доступа к камере или отсутствия поддержки в браузере.
- Отображение видеопотока с камеры в реальном времени.
Как работает
- Импортировать хук useCamera из @caffeinelabs/camera/hooks/useCamera.ts.
- Инициализировать хук с конфигурацией CameraConfig (facingMode, width, height, quality, format).
- Привязать videoRef к элементу <video> для отображения превью и canvasRef к скрытому <canvas>.
- Управлять состоянием через методы startCamera, stopCamera, switchCamera и capturePhoto.
- Обеспечить явные размеры для превью и адаптивность, а также блокировать кнопки до полной инициализации.
- Корректно отображать сообщения об ошибках из объекта error.
Примеры запросов агенту
Создай компонент React с использованием useCamera для захвата фото с задней камеры.
Реализуй переключение между фронтальной и задней камерой с обработкой ошибок.
Настрой видеопоток с камеры, используя хук useCamera с параметром autoStart.
Что понадобится
- Среда выполнения с поддержкой React.
- Браузер с доступом к веб-камере.
- Пакет @caffeinelabs/camera.
Описание составлено по SKILL.md навыка, сверено 06.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «extension-camera» из репозитория:
# https://github.com/caffeinelabs/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r extension-camera/ ~/.claude/skills/extension-camera/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.