القائمة
Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | qr-code |
| description | Work with QR code generation and display. Use when modifying QR functionality, fixing QR rendering, or adding QR features. |
Work with QR code generation and display in kheMessage.
/qr or qr.htmlUses 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 = ''
}
}
L (7%) - Currently used, smallest sizeM (15%) - MediumQ (25%) - Higher reliabilityH (30%) - Highest reliabilityQR colors adapt to theme:
html.dark #qrcode svg rect {
fill: #292524; /* Background */
}
html.dark #qrcode svg path {
fill: #fafaf9; /* Modules */
}
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);
}
Work with the URL compression system in kheMessage. Use when modifying how content is stored in URLs, debugging encoding issues, or optimizing compression.
Work with the contenteditable editor implementation. Use when modifying text input behavior, cursor handling, or undo/redo functionality.
Add or improve Markdown parsing and rendering in kheMessage. Use when adding new Markdown syntax support, fixing formatting issues, or enhancing the text editor.
Customize or extend the theming system in kheMessage. Use when adding new themes, modifying colors, or enhancing theme switching.