extension-qr-code

Scan QR codes with the device camera and decode embedded data using jsQR.

1|Updated Mar 24, 2026
One-click install
npx skills add https://github.com/caffeinelabs/skills --skill extension-qr-code
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: extension-qr-code
Source: https://github.com/caffeinelabs/skills/tree/main/skills/extension-qr-code
Command: npx skills add https://github.com/caffeinelabs/skills --skill extension-qr-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans QR codes using the device camera and decodes the embedded data to streamline quick data capture.

Core Features & Use Cases

  • On-device QR scanning using the device camera with jsQR decoding.
  • Built on top of the camera component to provide a seamless scanning experience in web/mobile apps.
  • Use cases include quick ticket validation, URL opening from codes, and inventory checks.

Quick Start

Point your camera at a QR code to start scanning immediately.

Frequently Asked Questions about extension-qr-code

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scan QR codes using a device camera in a React web app?

You can scan QR codes in React by accessing the device camera and decoding frames with jsQR. This approach provides on-device scanning directly within web applications for immediate data extraction.

What's the best way to add a QR code scanner for ticket validation in a mobile web app?

The best way to add QR code scanning for ticket validation is using a React hook with jsQR decoding. It processes camera input on-device, allowing quick validation without sending data to external servers.

Does this React QR code scanner work for inventory management workflows?

Yes, this React QR code scanner works for inventory management workflows. It captures QR code data on-device using the camera, enabling rapid inventory checks and data entry in web or mobile apps.

Can I use jsQR to decode QR codes containing URLs on mobile devices?

Yes, you can use jsQR to decode QR codes containing URLs on mobile devices. It integrates with React camera components to capture and extract URL data directly from the device camera stream.

What are the limitations of using device cameras for QR code scanning in React?

Limitations of device camera QR code scanning in React include requiring camera permissions and adequate lighting. The jsQR decoder processes frames locally, so performance depends on the device's camera resolution and processing power.