qr-code-generator

Name: qr-code-generator
Availability: InStock
Author: perceptlabs

Generate QR codes from text or URLs with customizable size, color, and error correction.

Updated Dec 31, 2025

Search Tags:#frontend #modal #generate #clipboard #text-to-qr #qrcode #qr-code

Ready to run

npx skills add https://github.com/PerceptLabs/mvmnt --skill qr-code-generator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: qr-code-generator
Source: https://github.com/PerceptLabs/mvmnt/tree/main/skills/qr-code-generator
Command: npx skills add https://github.com/PerceptLabs/mvmnt --skill qr-code-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires qrcode.

What problem does it solve?

This skill enables generating QR codes from arbitrary text or URLs for quick sharing and encoding of information, and supports displaying the resulting codes in modals with copy-to-clipboard.

Core Features & Use Cases

Generate QR codes from text or URLs
Customize appearance (size, color, error correction)
Display QR codes in modals or inline with copy-to-clipboard functionality
Use cases include sharing addresses, links, or payment requests in digital or printed formats

Quick Start

Use the qr-code-generator skill to generate a data URL QR code for a sample string and display it in a modal.

Frequently Asked Questions about qr-code-generator

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

FAQPage Schema

How do I generate a QR code from a URL and display it in a modal?▼

To generate a QR code from a URL, you can use this skill to produce a scannable code and display it directly in a modal interface. It leverages the qrcode library to convert text or links into shareable data URLs.

Can I customize the size and color of a generated QR code?▼

Yes, you can customize the QR code appearance including its size, color, and error correction level. This allows you to tailor the generated codes to match your frontend design or specific sharing requirements.

What is the best way to encode payment requests into a scannable QR code?▼

The best way to encode payment requests into a scannable QR code is by passing the payment text or URL into this generator. It produces codes suitable for digital displays or printed formats for quick scanning.

Does the generated QR code support copy-to-clipboard functionality?▼

Yes, the generated QR code workflow supports copy-to-clipboard functionality. This allows users to easily copy the encoded text or data URL directly from the modal or inline display for sharing.

How does text-to-QR conversion work for inline frontend displays?▼

Text-to-QR conversion works by taking arbitrary input strings and using the qrcode library to render them as scannable images. These images can be displayed inline on your frontend or within a modal popup.

When should I adjust error correction levels for QR code generation?▼

You should adjust error correction levels when generating QR codes if they will be printed or displayed in environments where visual interference is possible. Higher error correction ensures the code remains scannable despite damage or low contrast.