extension-camera
OfficialInstant web camera capture for apps
Authorcaffeinelabs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Integrating camera access, live previews, and reliable photo capture into web applications is error-prone and platform-dependent. This Skill provides a ready-to-use React hook and guidance to remove boilerplate, manage permissions, and surface clear errors so developers can add camera features quickly and safely.
Core Features & Use Cases
- Ready-to-use React hook that manages camera lifecycle: starting, stopping, switching facing mode, and capturing photos while exposing video and canvas refs for previews and captures.
- Robust error and capability handling including permission, not-supported, not-found, timeout, and loading states to drive UI feedback and retries.
- Practical use cases: mobile profile photo capture, QR code or barcode scanning, document/photo uploads, and in-app camera previews with responsive layout requirements.
Quick Start
Use the useCamera hook to start the camera, switch to the environment-facing camera when available, and capture a photo for upload.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: extension-camera Download link: https://github.com/caffeinelabs/skills/archive/main.zip#extension-camera Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.