skills.rest
PerceptLabs
PerceptLabsCOMMUNITY
Explore all skills by this author →
GitHub

qr-code-generator

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
One-click install
npx skills add https://github.com/PerceptLabs/mvmnt --skill qr-code-generator
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
AstorYHAstorYH
15

tiktok-video-id-fetch

Extract the 16-digit video ID from TikTok URLs.

Community
Basic
adeoniradeonir
8

design-builder

Generate copy.yaml, design.json, and React frontend artifacts from URLs or images.

Community
Advanced
UKGovernmentBEISUKGovernmentBEIS
2.5k

system-info

Gather Linux OS, kernel, CPU, memory, and uptime details from standard files.

Official
Basic
AIDotNetAIDotNet
84

qrcode-generator

Generates customizable QR codes from text or URLs using qrcode and Pillow.

Official
Basic