by @robhopeCreate a brand-asset context menu when users right-click your website logo.
Give it to your agent — or build it here ↓. The menu open on the logo is the one you’re building below; edit it and watch it change, or right-click the logo to use it for real.
Scoped to your logoKeyboard-accessible~5 KB, no dependencies
Logo target
Tip: add data-rcl-logo to your logo so this never breaks.
Menu items
copy-svg
download
separator
copy-text
link
Ship it in one paste.
1
Copy the one-shot prompt
It carries your exact config + step-by-step integration + guardrails.
2
Paste into your agent
Claude, Cursor, ChatGPT, Copilot — in the repo for the site you want the menu on.
3
It wires up your logo
The agent finds your logo, attaches the menu, and keeps your design intact.
Prefer to wire it yourself? Copy the install snippet.
<script>
window.RightClickLogo = {
"version": 1,
"brand": {
"name": "Right Click Logo",
"url": "https://rightclicklogo.com"
},
"logo": {
"selector": "[data-rcl-logo]",
"scope": "first"
},
"theme": "auto",
"triggers": [
"contextmenu",
"longpress"
],
"items": [
{
"type": "copy-svg",
"label": "Copy logo SVG",
"svg": "<svg width=\"64\" height=\"88\" viewBox=\"0 0 64 88\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 56C4 71.464 16.536 84 32 84C47.464 84 60 71.464 60 56V32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32V56Z\" stroke=\"#625C3B\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M31 8H32C45.2548 8 56 18.7452 56 32V36H35C32.7909 36 31 34.2091 31 32V8Z\" fill=\"#625C3B\"/></svg>"
},
{
"type": "download",
"label": "Download mark (SVG)",
"src": "/assets/rcl-mark.svg"
},
{
"type": "separator"
},
{
"type": "copy-text",
"label": "Copy brand name",
"value": "Right Click Logo"
},
{
"type": "link",
"label": "Read the docs",
"href": "/docs",
"external": false
}
]
};
</script>
<script async src="https://cdn.rightclicklogo.com/v1/rcl.js"></script>