igrantio-qr-codelisted
Install: claude install-skill L3-iGrant/skills
# iGrant.io wallet QR panel
## When to use
Any time a frontend renders a wallet QR: the issuance `credentialOffer` or the
verification `vpTokenQrCode` URI. This skill is the single QR pattern for the
`igrantio-issuer-frontend` and `igrantio-verifier-frontend` skills; use it
instead of hand-rolling a QR component. For the bare URI-to-image helper only,
`igrantio-frontend-client` ships a minimal `QrCode`; this skill is the full
panel (logo, refresh, wallet button, tx code, states).
**Before you build**: run the integrator intake in `igrantio-ows-overview` - environment, API key, tenancy, backend host, webhooks, frontend - one question at a time, a recommended default with each.
## Ask the integrator first
Two visual options are deliberate brand choices. If the user has not already
specified them, ask before building:
1. **Centre logo in the QR?** If yes, which asset (e.g. their brand mark or
the iGrant.io logo). Enabling a logo switches the QR to error-correction
level H automatically.
2. **Green tick overlay when scanned?** A centred green tick over the QR once
the wallet responds (`scannedOverlay`, default on; colour via `tickColor`).
Defaults when the user has no preference: no logo, tick overlay on.
## What it provides
- **`WalletQrPanel`** - one component covering the whole QR lifecycle:
- QR canvas from the wallet URI (`qrcode` peer dep, swappable).
- **Centre logo** (`logoSrc`, `logoRatio` default 0.28, max 0.3,
`logoBackground` white backing) - re