HKTITAN/qr-code
.cursor/skills/qr-code/SKILL.md
Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add HKTITAN/kheMessage qr-codeInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 12:57 AM25.0s1 file scanned
SKILL.md
- name:
- qr-code
- description:
- Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features.
QR Code Skill
Work with QR code generation and display in kheMessage.
When to Use
- Modifying QR code appearance
- Fixing QR code rendering issues
- Adding QR code features
- Optimizing QR code size
QR Code Pages
- Bottom-right panel - Small QR in main editor
- Full-page QR -
/qrorqr.html
Implementation
Uses qrcode.js library:
function updateQR() {
const el = document.getElementById('qrcode')
if (!el || typeof qrcode !== 'function') return
const url = location.href
try {
const qr = qrcode(0, 'L') // Type 0, Error correction L
qr.addData(url)
qr.make()
el.innerHTML = qr.createSvgTag({ cellSize: 4, margin: 0 })
} catch (e) {
el.innerHTML = ''
}
}
Error Correction Levels
L(7%) - Currently used, smallest sizeM(15%) - MediumQ(25%) - Higher reliabilityH(30%) - Highest reliability
Theme Support
QR colors adapt to theme:
html.dark #qrcode svg rect {
fill: #292524; /* Background */
}
html.dark #qrcode svg path {
fill: #fafaf9; /* Modules */
}
QR Size Limits
- QR codes have capacity limits based on version and error correction
- Very long URLs may fail to generate
- Consider using URL shortener for extremely long content
Styling
The QR container has consistent styling:
#qrcode-wrap {
background: var(--bg-elevated);
border: 1px solid var(--border);
border-radius: 12px;
padding: 12px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}
Related Skills
HKTITAN/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
SKILL.mdUpdated Apr 16, 2026
HKTITAN/vercel-deploy
development
VerifiedTrustedCommunity
Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.
SKILL.mdUpdated Apr 16, 2026
HKTITAN/theme-customization
testing
VerifiedTrustedCommunity
Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching.
SKILL.mdUpdated Apr 16, 2026
HKTITAN/markdown-enhancement
development
VerifiedTrustedCommunity
Add or improve Markdown parsing and rendering in kheMessage. Use when adding new Markdown syntax support, fixing formatting issues, or enhancing the text editor.
SKILL.mdUpdated Apr 16, 2026