ply that holds our pricing, explains the value, and doesn't sound defensive."}],l=[{cat:"sales",title:"Proposal Generator",desc:"The Skill built live during Foundations + Build — reads a discovery call transcript and drafts a scoped proposal using your pricing structure.",steps:5},{cat:"client",title:"Client Intake Summariser",desc:"Turns a completed intake form into a one-page brief, every time, in the same format your team already expects.",steps:4},{cat:"marketing",title:"Weekly Content Batch",desc:"Turns one business update into a week of on-brand social posts across three formats.",steps:6},{cat:"ops",title:"Meeting Notes → Actions",desc:"Pulls action items, owners, and dates out of any meeting transcript, and flags anything left unassigned.",steps:4},{cat:"ops",title:"Gmail Inbox Autopilot",desc:"Connects to Gmail, triages what's landed against your rules, and drafts replies in your voice for anything routine — you just hit send.",steps:5,connector:"Gmail"},{cat:"client",title:"Notion Knowledge Sync",desc:"Connects to Notion, pulls the latest client docs and meeting notes into Claude automatically, and pushes summaries back so nothing goes stale.",steps:5,connector:"Notion"},{cat:"marketing",title:"Social Content Autopilot",desc:"Connects to your social accounts, turns one weekly update into a batch of on-brand posts, drafted and queued without opening five different apps.",steps:6,connector:"Socials"},{cat:"sales",title:"Follow-Up Autopilot",desc:"Connects to Gmail and your calendar, spots a warm lead gone quiet, and drafts a tactful follow-up ready for your review.",steps:4,connector:"Gmail + Calendar"}],c={comms:{label:"Inbox, Docs & Calendar",icon:'<rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 6.5l9 6.5 9-6.5"/>'},projects:{label:"Projects & Tasks",icon:'<rect x="6" y="3" width="12" height="18" rx="2"/><path d="M9.3 3v2.2h5.4V3"/><path d="M9 10.5h6M9 14.2h6M9 17.9h3.6"/>'},sales:{label:"Sales, Payments & Support",icon:'<path d="M3 16.5l5-5 4 4 8.5-8.5"/><path d="M15.2 7h5.3v5.3"/>'},design:{label:"Design & Content",icon:'<path d="M3 11v2.4a2 2 0 002 2h1l3.4 5V3.6L6 8.6H5a2 2 0 00-2 2z"/><path d="M13.5 8.3a4.6 4.6 0 010 7.4"/>'},dev:{label:"Engineering & Data",icon:'<path d="M8 9l-4 3 4 3"/><path d="M16 9l4 3-4 3"/><path d="M13.5 6.5l-3 11"/>'}},u=[{group:"comms",name:"Gmail",mono:"GM",desc:"Search, summarise and draft email."},{group:"comms",name:"Google Drive",mono:"GD",desc:"Search and read files straight from your Drive."},{group:"comms",name:"Google Calendar",mono:"GC",desc:"Check availability, book, and prep for meetings."},{group:"comms",name:"Microsoft 365",mono:"M365",desc:"Word, Excel, Outlook and Teams data, in one place."},{group:"comms",name:"Notion",mono:"N",desc:"Pull in docs and notes, push summaries back out."},{group:"comms",name:"Slack",mono:"SL",desc:"Read channels, send messages, keep everyone posted."},{group:"comms",name:"1Password",mono:"1P",desc:"Access credentials Claude needs, securely."},{group:"projects",name:"Asana",mono:"AS",desc:"Manage projects and tasks without leaving the chat."},{group:"projects",name:"Linear",mono:"LN",desc:"Create and track development issues."},{group:"projects",name:"Atlassian",mono:"AT",desc:"Plan work in Jira, keep docs in sync in Confluence."},{group:"projects",name:"Zapier",mono:"ZP",desc:"A bridge to thousands of other apps and workflows."},{group:"sales",name:"HubSpot",mono:"HS",desc:"CRM data, connected via Zapier."},{group:"sales",name:"PayPal",mono:"PP",desc:"Payment and transaction data."},{group:"sales",name:"Square",mono:"SQ",desc:"E-commerce and payment processing."},{group:"sales",name:"Plaid",mono:"PL",desc:"Financial and banking data."},{group:"sales",name:"Intercom",mono:"IC",desc:"Respond to customer feedback and file bugs faster."},{group:"design",name:"Canva",mono:"CV",desc:"Generate, edit and export real designs."},{group:"design",name:"Figma",mono:"FG",desc:"Read designs, generate diagrams, bridge code and design."},{group:"dev",name:"GitHub",mono:"GH",desc:"Repositories, issues and pull requests."},{group:"dev",name:"Vercel",mono:"VC",desc:"Deployments, logs and project management."},{group:"dev",name:"Supabase",mono:"SB",desc:"Databases, migrations and project admin."},{group:"dev",name:"Cloudflare",mono:"CF",desc:"Infrastructure and deployment tooling."}],p=function(e,t){return'<svg viewBox="0 0 24 24"'+(t||"")+">"+e+"</svg>"};async function m(){if(e&&t){var a=await e.from("resources").select("*").in("category",["video","download"]).order("created_at",{ascending:!1});if(!a.error&&a.data){var n=document.getElementById("videos-mount"),o=document.getElementById("live-video-group");o&&o.remove();var i=a.data.filter(function(e){return"video"===e.category});if(i.length&&n){for(var s='<div class="group-title" id="live-video-group"><h3>From Stellio</h3><span class="cnt mono">'+i.length+" video"+(i.length>1?"s":"")+'</span></div><div class="row-list">',r=0;r<i.length;r++){var d=i[r],l=await e.storage.from("resources").createSignedUrl(d.storage_path,3600),c=l.data?l.data.signedUrl:"#";s+='<div class="lrow" data-search="'+(d.title+" "+(d.description||"")).toLowerCase()+'"><span class="icon filled">'+p('<path d="M9.5 7l7 5-7 5V7z"/>')+'</span><span class="main"><span class="t">'+d.title+'</span><span class="m">'+(d.description||"")+'</span></span><a class="lrow-btn" href="'+c+'" target="_blank" rel="noopener" style="text-decoration:none;">Watch</a></div>'}s+="</div>",n.insertAdjacentHTML("afterbegin",s)}var u=document.getElementById("downloads-mount"),m=document.getElementById("live-dl-group");m&&m.remove();var h=a.data.filter(function(e){return"download"===e.category});if(h.length&&u){for(var g='<div class="group-title" id="live-dl-group"><h3>From Stellio</h3><span class="cnt mono">'+h.length+" file"+(h.length>1?"s":"")+'</span></div><div class="row-list">',y=0;y<h.length;y++){var v=h[y],f=await e.storage.from("resources").createSignedUrl(v.storage_path,3600),b=f.data?f.data.signedUrl:"#";g+='<div class="lrow" data-search="'+(v.title+" "+(v.description||"")).toLowerCase()+'"><span class="icon">'+p('<path d="M6 3.5h8l4 4v13H6v-17z"/><path d="M14 3.5v4h4"/><path d="M9 14h6M9 17h6"/>')+'</span><span class="main"><span class="t">'+v.title+'</span><span class="m">'+(v.description||"")+'</span></span><a class="lrow-btn" href="'+b+'" target="_blank" rel="noopener" style="text-decoration:none;">Download</a></div>'}g+="</div>",u.insertAdjacentHTML("afterbegin",g)}}}}var h="all";function g(){var e=document.getElementById("prompt-chips"),t="";["all","client","marketing","ops","sales"].forEach(function(e){var a="all"===e?"All prompts":i[e].label,n="all"===e?'<circle cx="12" cy="12" r="8.5"/>':i[e].icon;t+='<button type="button" class="chip'+(e===h?" active":"")+'" data-cat="'+e+'">'+p(n)+"<span>"+a+"</span></button>"}),e.innerHTML=t,e.querySelectorAll(".chip").forEach(function(e){e.addEventListener("click",function(){h=e.getAttribute("data-cat"),g(),y()})})}function y(){var e=document.getElementById("prompts-mount"),t="all"===h?d:d.filter(function(e){return e.cat===h}),a="";t.forEach(function(e,t){var n=i[e.cat],o=(e.title+" "+e.desc+" "+n.label).toLowerCase();a+='<div class="mcard pcard" data-search="'+o+'"><div class="pcard-top"><span class="icn">'+p(n.icon)+'</span><span class="cat">'+n.label+"</span></div><h4>"+e.title+'</h4><p class="desc">'+e.desc+'</p><div class="prompt-box" id="ptext-'+t+'">'+e.text+'</div><div class="pcard-foot"><span></span><button type="button" class="copy-btn" data-idx="'+t+'">'+p('<rect x="8" y="8" width="12" height="12" rx="2"/><path d="M4 16V6a2 2 0 012-2h10"/>')+"Copy prompt</button></div></div>"}),e.innerHTML=a||'<p class="mono" style="color:var(--muted-2); grid-column:1/-1;">No prompts in this category yet.</p>',e.querySelectorAll(".copy-btn").forEach(function(e){e.addEventListener("click",function(){var t=e.getAttribute("data-idx"),a=document.getElementById("ptext-"+t).textContent,n=function(){e.classList.add("copied"),e.innerHTML=p('<path d="M5 13l4 4L19 7"/>')+"Copied",setTimeout(function(){e.classList.remove("copied"),e.innerHTML=p('<rect x="8" y="8" width="12" height="12" rx="2"/><path d="M4 16V6a2 2 0 012-2h10"/>')+"Copy prompt"},1600)};navigator.clipboard&&navigator.clipboard.writeText?navigator.clipboard.writeText(a).then(n,n):n()})})}var v="all";function f(){var e=document.getElementById("connectors-mount"),t="all"===v?u:u.filter(function(e){return e.group===v}),a="";t.forEach(function(e){var t=c[e.group],n=(e.name+" "+e.desc+" "+t.label).toLowerCase();a+='<div class="mcard pcard" data-search="'+n+'"><div class="pcard-top"><span class="icn mono-icn mono">'+e.mono+'</span><span class="cat">'+t.label+"</span></div><h4>"+e.name+'</h4><p class="desc">'+e.desc+"</p></div>"}),e.innerHTML=a||'<p class="mono" style="color:var(--muted-2); grid-column:1/-1;">No connectors in this category yet.</p>'}var b=[{key:"telegram",name:"Telegram",time:"5 min",diff:"Easiest",icon:'<path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/>',steps:[{text:"Open Telegram, message @BotFather, and send /newbot."},{text:"Pick a display name, then a username ending in “bot” (e.g. acmebiz_hermes_bot). BotFather hands you an API token — keep it secret, anyone with it can control your bot."},{text:"Optional polish, still in the BotFather chat: /setdescription, /setabouttext and /setuserpic give your bot a face."},{text:"Planning to use it in group chats? Send /mybots → pick your bot → Bot Settings → Group Privacy → Turn off (then remove and re-add the bot to any group)."},{text:"Message @userinfobot to get your own numeric Telegram user ID — you'll allow-list this so strangers can't message your bot."},{text:"Run the wizard and paste your token + user ID when it asks:",code:"hermes gateway setup"},{text:"Or skip the wizard and drop this straight into ~/.hermes/.env:",code:"TELEGRAM_BOT_TOKEN=123456789:ABCdefGHIjklMNOpqrSTUvwxYZ\nTELEGRAM_ALLOWED_USERS=123456789"},{text:"Start the gateway — your bot goes live within seconds:",code:"hermes gateway"}]},{key:"discord",name:"Discord",time:"7 min",diff:"Easy",icon:'<path d="M21 11.5a8.4 8.4 0 01-8.9 8.4 8.6 8.6 0 01-3.6-.9L3 20l1.1-5.1a8.4 8.4 0 019-12.4A8.5 8.5 0 0121 11.5z"/><circle cx="9.2" cy="11" r="1"/><circle cx="14.2" cy="11" r="1"/>',steps:[{text:"Head to the Discord Developer Portal, click “New Application”, and name it."},{text:"Open the Bot tab and enable “Public Bot” under Authorization Flow."},{text:"Scroll to Privileged Gateway Intents and turn ON both Message Content Intent and Server Members Intent, then Save Changes — Hermes can't read messages or identify people without these."},{text:"Under Token, click Reset Token, confirm with 2FA, and copy it immediately — Discord only shows it once."},{text:"Go to Installation, enable Guild Install, and use the Discord-provided invite link to add the bot to your server."},{text:"Right-click your own name in Discord (with Developer Mode on) → Copy User ID."},{text:"Run the wizard and paste your bot token + user ID:",code:"hermes gateway setup"},{text:"Or configure it by hand in ~/.hermes/.env:",code:"DISCORD_BOT_TOKEN=your-token\nDISCORD_ALLOWED_USERS=your-user-id"},{text:"Start the gateway:",code:"hermes gateway"}]},{key:"whatsapp",name:"WhatsApp",time:"5 min",diff:"Easy",icon:'<path d="M6 3h3l2 5-2.5 1.5a11 11 0 005 5L15 12l5 2v3a2 2 0 01-2 2A16 16 0 016 5a2 2 0 012-2z"/>',steps:[{text:"Run the WhatsApp wizard directly — it prints a QR code straight into your terminal:",code:"hermes whatsapp"},{text:"On your phone: WhatsApp → Settings → Linked Devices → Link a Device, then scan that QR code."},{text:"Choose bot mode or self-chat mode when asked. Self-chat runs the agent inside your own WhatsApp; bot mode gives it a separate identity, which needs its own number (a Google Voice number, a $5–15 prepaid SIM, or a VoIP number like TextNow all work)."},{text:"Decide who's allowed to message it, in ~/.hermes/.env:",code:"WHATSAPP_EN"}]