PageSourceSearch

https://helpi.me/dashboard

html helpi.me collected 2026-10-02 02:00:15 UTC 38,685 bytes, 31 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head>
2        <meta charset="utf-8">
3        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no">
4        <link rel="manifest" href="/manifest.json">
5
6        <link rel="icon" type="image/png" href="/favicon.png">
7<meta charset="utf-8">
8<meta name="description" content="Select any text, press a shortcut, get the answer in your clipboard. AI that works on any webpage, PDF, or document. Free Chrome extension.">
9<meta name="author" content="Helpi">
10<meta name="keywords" content="ai, clipboard, chrome extension, text answers, grammar, translate, summarize, keyboard shortcut">
11<meta property="og:type" content="website">
12<meta property="og:site_name" content="Helpi">
13<meta name="twitter:card" content="summary_large_image">
14<meta property="og:image" content="https://helpi.me/og-image.png">
15<meta name="twitter:image" content="https://helpi.me/og-image.png">
16<link rel="preconnect" href="https://fonts.googleapis.com">
17<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
18<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=Playfair+Display:ital,wght@0,500;0,700;1,400;1,500&amp;display=swap">
19
20        <title>Helpi — AI Text Processing Chrome Extension</title>
21      
21<script type="module" crossorigin="" src="/assets/index-LAk82BLW.js"></script>
21
22      <link rel="stylesheet" crossorigin="" href="/assets/index-DK0ik8aZ.css">
23    <meta property="og:title" content="Helpi — AI Text Processing Chrome Extension"><meta property="og:description" content="Select any text, press a shortcut, get the answer in your clipboard. AI that works on any webpage, PDF, or document. Free Chrome extension."><meta property="og:url" content="https://helpi.me"><meta name="twitter:title" content="Helpi — AI Text Processing Chrome Extension"><meta name="twitter:description" content="Select any text, press a shortcut, get the answer in your clipboard. AI that works on any webpage, PDF, or document. Free Chrome extension."><link rel="canonical" href="https://helpi.me"></head>
24
25    <body>
26        <noscript>You need to enable JavaScript to run this app.</noscript>
27        <div id="root">
27<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Helpi","alternateName":"helpi.me","url":"https://helpi.me","logo":"https://helpi.me/og-image.png","description":"AI text processing Chrome extension. Select text, press a shortcut, get AI answers in your clipboard — works on any webpage.","founder":{"@type":"Person","name":"Ansorjon Juraev"},"address":{"@type":"PostalAddress","streetAddress":"Eschersheimer Landstraße 42","postalCode":"60322","addressLocality":"Frankfurt am Main","addressCountry":"DE"},"contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support","availableLanguage":["English","German"]}}</script>
27<div class="text-foreground min-h-screen" style="background: var(--lp-white);"><div class="relative flex w-full items-center justify-center gap-3 p-2.5 text-center text-sm font-semibold text-white" style="background: var(--lp-orange, #E8663D);"><a href="https://chromewebstore.google.com/detail/helpi/ijpaoknhiejodigfafjdneophhnlejoo" target="_blank" rel="noopener noreferrer" class="transition-opacity hover:opacity-90">Get the Helpi Chrome Extension — Free</a><a href="https://chromewebstore.google.com/detail/helpi/ijpaoknhiejodigfafjdneophhnlejoo" target="_blank" rel="noopener noreferrer" class="rounded-full px-2.5 py-0.5 text-xs transition-colors" style="background: rgba(255, 255, 255, 0.2);">Download Free →</a></div><header class="sticky top-0 z-50 transition-all duration-300"><div class="transition-all duration-300 mx-0 border-b" style="background: white; border-color: var(--lp-border);"><nav class="flex items-center justify-between transition-all duration-300 p-6 lg:px-8" aria-label="Global"><div class="flex items-center gap-6"><a class="flex items-center transition-colors duration-300 ease-in-out" href="/" style="color: var(--lp-text);"><img class="transition-all duration-500 size-8" alt="Helpi" src="/assets/logo-CpKyp13w.png"><span class="font-semibold transition-all duration-300 ml-2 text-sm" style="color: var(--lp-text);">Helpi</span></a><ul class="ml-4 hidden items-center gap-6 lg:flex"><li><a class="text-sm font-normal leading-6 duration-300 ease-in-out transition-colors" href="/#features" style="color: var(--lp-text-secondary);">Features</a></li><li><a class="text-sm font-normal leading-6 duration-300 ease-in-out transition-colors" href="/pricing" style="color: var(--lp-text-secondary);">Pricing</a></li><li><a class="text-sm font-normal leading-6 duration-300 ease-in-out transition-colors" href="/#faq" style="color: var(--lp-text-secondary);">FAQ</a></li></ul></div><div class="flex lg:hidden"><button type="button" class="inline-flex items-center justify-center rounded-md transition-colors" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_r_0_" data-state="closed" style="color: var(--lp-text);"><span class="sr-only">Open main menu</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu transition-all duration-300 size-8 p-1" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button></div><div class="hidden items-center justify-end gap-3 lg:flex lg:flex-1"></div></nav></div></header><div class="mx-auto max-w-screen-2xl helpi-page landing-page"><div>
27<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Helpi","description":"AI text processing Chrome extension. Select text, press a shortcut, get the answer in your clipboard.","url":"https://helpi.me","applicationCategory":"BrowserExtension","operatingSystem":"Chrome","offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free plan - 30 actions per day"},{"@type":"Offer","price":"9.00","priceCurrency":"USD","description":"Pro plan - 1,000 actions per day","priceValidUntil":"2027-12-31"}]}</script>
27<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is it really free?","acceptedAnswer":{"@type":"Answer","text":"Yes. 30 AI actions per day, forever. No credit card, no trial that expires."}},{"@type":"Question","name":"How is this different from ChatGPT?","acceptedAnswer":{"@type":"Answer","text":"ChatGPT: open tab, paste, wait, copy, switch back, paste. Helpi: highlight, shortcut, paste. Three seconds vs sixty."}},{"@type":"Question","name":"What sites does it work on?","acceptedAnswer":{"@type":"Answer","text":"Anywhere you can select text — Gmail, LinkedIn, Reddit, GitHub, Slack, Medium, Wikipedia, and thousands more."}},{"@type":"Question","name":"Is my text private?","acceptedAnswer":{"@type":"Answer","text":"Yes. By default, your text is never stored — we only record action counts and types. You can optionally enable Save History in Settings to save your past actions for review."}}]}</script>
27<main><section class="flex flex-col items-center text-center px-6 pt-20 pb-12"><div class="mb-8 inline-flex items-center gap-2 px-4 py-2 rounded-full text-xs font-medium" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary);"><span style="color: var(--lp-orange); font-weight: 600;">Free Chrome Extension</span><span>·</span><span>No credit card needed</span></div><h1 class="mb-5" style="font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: var(--lp-text); text-align: center;"><span style="display: block;">Select any text.</span><span style="display: block; white-space: nowrap;"><em class="serif-italic" style="color: var(--lp-orange);">The answer</em> is in your clipboard.</span></h1><p class="max-w-[480px] mb-8 text-base leading-relaxed" style="color: var(--lp-text-secondary);">AI that works on any webpage, PDF, or document. Grammar fixes, answers, summaries — one shortcut, no tab switching.</p><div class="flex flex-wrap gap-3 justify-center mb-4"><a href="https://chromewebstore.google.com/detail/helpi/ijpaoknhiejodigfafjdneophhnlejoo" target="_blank" rel="noopener noreferrer" class="lp-btn-primary">Add to Chrome — Free</a><a href="#demo" class="lp-btn-secondary">Watch it in action ↓</a></div><p class="text-xs mb-12" style="color: var(--lp-text-muted);">Free forever · 30 actions/day · Installs in 30 seconds</p><div id="demo" class="w-full mx-auto rounded-xl overflow-hidden" style="max-width: 680px; border: 1px solid var(--lp-border); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 40px;"><div class="flex items-center gap-1.5 px-4 py-3" style="background: rgb(243, 243, 243); border-bottom: 1px solid var(--lp-border);"><div class="w-3 h-3 rounded-full bg-[#FF5F56]"></div><div class="w-3 h-3 rounded-full bg-[#FFBD2E]"></div><div class="w-3 h-3 rounded-full bg-[#27C93F]"></div></div><video autoplay="" loop="" playsinline="" preload="metadata" title="Helpi demo: select text, press a shortcut, get the result in your clipboard" aria-label="Demo of Helpi AI extension — select text on a webpage and get an AI result with one keyboard shortcut" style="width: 100%; display: block;"><source src="/helpi50fps.mp4" type="video/mp4"></video></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section class="px-6 py-16 md:py-20 flex flex-col items-center"><p class="lp-label">How It Works</p><h2 class="text-center mb-4" style="font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; color: var(--lp-text); line-height: 1.2;">Three steps, <em class="serif-italic" style="color: var(--lp-orange);">zero friction</em></h2><div class="flex flex-col sm:flex-row gap-10 sm:gap-16 mt-10" style="max-width: 640px; width: 100%;"><div class="flex flex-col items-center text-center flex-1"><div class="flex items-center justify-center rounded-full font-bold mb-4" style="width: 44px; height: 44px; font-size: 16px; border: 2px solid var(--lp-border); color: var(--lp-orange); flex-shrink: 0;">1</div><p class="font-semibold mb-2" style="font-size: 16px; color: var(--lp-text);">Select text</p><p style="font-size: 14px; color: var(--lp-text-secondary); line-height: 1.5;">Highlight anything on any page</p></div><div class="flex flex-col items-center text-center flex-1"><div class="flex items-center justify-center rounded-full font-bold mb-4" style="width: 44px; height: 44px; font-size: 16px; border: 2px solid var(--lp-border); color: var(--lp-orange); flex-shrink: 0;">2</div><p class="font-semibold mb-2" style="font-size: 16px; color: var(--lp-text);">Press ⌥⇧A</p><p style="font-size: 14px; color: var(--lp-text-secondary); line-height: 1.5;">One shortcut. That's it.</p></div><div class="flex flex-col items-center text-center flex-1"><div class="flex items-center justify-center rounded-full font-bold mb-4" style="width: 44px; height: 44px; font-size: 16px; border: 2px solid var(--lp-border); color: var(--lp-orange); flex-shrink: 0;">3</div><p class="font-semibold mb-2" style="font-size: 16px; color: var(--lp-text);">Paste the answer</p><p style="font-size: 14px; color: var(--lp-text-secondary); line-height: 1.5;">It's already in your clipboard</p></div></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section id="features" class="px-6 py-16 md:py-20 flex flex-col items-center"><p class="lp-label">Core Actions</p><h2 class="text-center mb-4" style="font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; color: var(--lp-text); line-height: 1.2;">Four tools, <em class="serif-italic" style="color: var(--lp-orange);">one shortcut</em></h2><p class="text-center mb-10" style="font-size: 16px; color: var(--lp-text-secondary); max-width: 440px; line-height: 1.6;">Everything you'd open ChatGPT for — without leaving the page.</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-5 w-full" style="max-width: 740px;"><div class="rounded-2xl p-6 flex flex-col gap-4 transition-all" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white);"><div class="flex items-center gap-3"><span style="font-size: 1.5rem;">💡</span><div><h3 class="font-bold" style="font-size: 15px; color: var(--lp-text);">Get Answers</h3><p class="mt-0.5" style="font-size: 13px; color: var(--lp-text-secondary); line-height: 1.4;">Select a question or confusing text — get a clear explanation in your clipboard.</p></div></div><div class="rounded-xl overflow-hidden text-xs" style="border: 1px solid var(--lp-border);"><div class="px-4 py-2.5 flex items-start gap-2" style="border-bottom: 1px solid var(--lp-border);"><span style="color: var(--lp-text-muted); flex-shrink: 0;
27 margin-top: 1px;">›</span><span style="color: var(--lp-text-secondary); line-height: 1.4;">What is the mitochondria?</span></div><div class="px-4 py-2 flex items-center gap-2" style="background: var(--lp-orange-light); border-bottom: 1px solid var(--lp-border);"><span class="font-mono font-semibold text-xs px-2 py-0.5 rounded" style="background: var(--lp-orange); color: white;">⌥⇧A</span><span style="color: var(--lp-orange);">→</span></div><div class="px-4 py-2.5 flex items-start gap-2" style="background: var(--lp-off-white);"><span style="color: var(--lp-orange); flex-shrink: 0; margin-top: 1px;">›</span><span style="color: var(--lp-text); line-height: 1.4; font-weight: 500;">The organelle that produces energy (ATP) in cells through cellular respiration.</span></div></div></div><div class="rounded-2xl p-6 flex flex-col gap-4 transition-all" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white);"><div class="flex items-center gap-3"><span style="font-size: 1.5rem;">✍️</span><div><h3 class="font-bold" style="font-size: 15px; color: var(--lp-text);">Fix Grammar</h3><p class="mt-0.5" style="font-size: 13px; color: var(--lp-text-secondary); line-height: 1.4;">Select messy text — get a polished version ready to paste back.</p></div></div><div class="rounded-xl overflow-hidden text-xs" style="border: 1px solid var(--lp-border);"><div class="px-4 py-2.5 flex items-start gap-2" style="border-bottom: 1px solid var(--lp-border);"><span style="color: var(--lp-text-muted); flex-shrink: 0;
27 margin-top: 1px;">›</span><span style="color: var(--lp-text-secondary); line-height: 1.4;"><s style="opacity: 0.6;">Their going to the store becuse they needs milk</s></span></div><div class="px-4 py-2 flex items-center gap-2" style="background: var(--lp-orange-light); border-bottom: 1px solid var(--lp-border);"><span class="font-mono font-semibold text-xs px-2 py-0.5 rounded" style="background: var(--lp-orange); color: white;">⌥⇧G</span><span style="color: var(--lp-orange);">→</span></div><div class="px-4 py-2.5 flex items-start gap-2" style="background: var(--lp-off-white);"><span style="color: var(--lp-orange); flex-shrink: 0; margin-top: 1px;">›</span><span style="color: var(--lp-text); line-height: 1.4; font-weight: 500;">They're going to the store because they need milk.</span></div></div></div><div class="rounded-2xl p-6 flex flex-col gap-4 transition-all" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white);"><div class="flex items-center gap-3"><span style="font-size: 1.5rem;">📝</span><div><h3 class="font-bold" style="font-size: 15px; color: var(--lp-text);">Summarize</h3><p class="mt-0.5" style="font-size: 13px; color: var(--lp-text-secondary); line-height: 1.4;">Select a long article — get the key points in seconds.</p></div></div><div class="rounded-xl overflow-hidden text-xs" style="border: 1px solid var(--lp-border);"><div class="px-4 py-2.5 flex items-start gap-2" style="border-bottom: 1px solid var(--lp-border);"><span style="color: var(--lp-text-muted); flex-shrink: 0;
27 margin-top: 1px;">›</span><span style="color: var(--lp-text-secondary); line-height: 1.4;">500-word article about climate change...</span></div><div class="px-4 py-2 flex items-center gap-2" style="background: var(--lp-orange-light); border-bottom: 1px solid var(--lp-border);"><span class="font-mono font-semibold text-xs px-2 py-0.5 rounded" style="background: var(--lp-orange); color: white;">⌥⇧S</span><span style="color: var(--lp-orange);">→</span></div><div class="px-4 py-2.5 flex items-start gap-2" style="background: var(--lp-off-white);"><span style="color: var(--lp-orange); flex-shrink: 0; margin-top: 1px;">›</span><span style="color: var(--lp-text); line-height: 1.4; font-weight: 500;">Global temps +1.1°C. Causes: fossil fuels, deforestation. Paris target: 1.5°C.</span></div></div></div><div class="rounded-2xl p-6 flex flex-col gap-4 transition-all" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white);"><div class="flex items-center gap-3"><span style="font-size: 1.5rem;">🌍</span><div><h3 class="font-bold" style="font-size: 15px; color: var(--lp-text);">Translate</h3><p class="mt-0.5" style="font-size: 13px; color: var(--lp-text-secondary); line-height: 1.4;">Select any text in any language — get an instant translation to your language.</p></div></div><div class="rounded-xl overflow-hidden text-xs" style="border: 1px solid var(--lp-border);"><div class="px-4 py-2.5 flex items-start gap-2" style="border-bottom: 1px solid var(--lp-border);"><span style="color: var(--lp-text-muted); flex-shrink: 0;
27 margin-top: 1px;">›</span><span style="color: var(--lp-text-secondary); line-height: 1.4;">La vie est belle et pleine de surprises</span></div><div class="px-4 py-2 flex items-center gap-2" style="background: var(--lp-orange-light); border-bottom: 1px solid var(--lp-border);"><span class="font-mono font-semibold text-xs px-2 py-0.5 rounded" style="background: var(--lp-orange); color: white;">⌥⇧T</span><span style="color: var(--lp-orange);">→</span></div><div class="px-4 py-2.5 flex items-start gap-2" style="background: var(--lp-off-white);"><span style="color: var(--lp-orange); flex-shrink: 0; margin-top: 1px;">›</span><span style="color: var(--lp-text); line-height: 1.4; font-weight: 500;">Life is beautiful and full of surprises.</span></div></div></div></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section class="px-6 py-16 md:py-20 flex flex-col items-center"><p class="lp-label">Stealth Mode</p><h2 class="text-center mb-4" style="font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; color: var(--lp-text); line-height: 1.2;">Completely <em class="serif-italic" style="color: var(--lp-orange);">invisible</em></h2><p class="text-center mb-12" style="font-size: 16px; color: var(--lp-text-secondary); max-width: 440px; line-height: 1.6;">Turn it on and no one knows you're using AI. Zero visual footprint.</p><div class="flex flex-wrap gap-8 justify-center mb-10"><div class="flex flex-col items-center gap-3"><div class="rounded-xl overflow-hidden relative" style="width: 270px; border: 1px solid var(--lp-border); box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px;"><div class="flex items-center gap-1.5 px-3 py-2.5" style="background: rgb(243, 243, 243); border-bottom: 1px solid var(--lp-border);"><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(255, 95, 86);"></div><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(255, 189, 46);"></div><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(39, 201, 63);"></div><span class="ml-2" style="color: var(--lp-text-muted); font-size: 10px;">lecture-notes.pdf</span></div><div class="p-4" style="background: white; min-height: 110px;"><p class="font-semibold mb-2" style="color: var(--lp-text); font-size: 11px;">Organic Chemistry — Ch. 3</p><p style="color: var(--lp-text-secondary); font-size: 10px; line-height: 1.5;">The carbon atom can form four covalent bonds. <span style="background: rgb(219, 234, 254); color: rgb(29, 78, 216);">Organic compounds are classified by functional groups</span> that determine their reactivity.</p></div><div class="absolute top-10 right-2 flex items-center gap-1.5 px-2.5 py-1 rounded-md text-white" style="background: var(--lp-orange); font-size: 10px; font-weight: 600;"><div class="animate-spin rounded-full" style="width: 8px; height: 8px; border-width: 1.5px; border-style: solid; border-color: white rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3); border-image: initial;"></div>Processing...</div></div><p style="color: var(--lp-text-muted); font-size: 12px;">Badge visible while processing</p></div><div class="flex flex-col items-center gap-3"><div class="rounded-xl overflow-hidden" style="width: 270px; border: 2px solid var(--lp-orange); box-shadow: rgba(232, 102, 61, 0.15) 0px 4px 20px;"><div class="flex items-center gap-1.5 px-3 py-2.5" style="background: var(--lp-orange-light); border-bottom: 1px solid var(--lp-border);"><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(255, 95, 86);"></div><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(255, 189, 46);"></div><div class="w-2.5 h-2.5 rounded-full" style="background: rgb(39, 201, 63);"></div><span class="ml-2" style="color: var(--lp-text-muted); font-size: 10px;">lecture-notes.pdf</span></div><div class="p-4" style="background: white; min-height: 110px;"><p class="font-semibold mb-2" style="color: var(--lp-text); font-size: 11px;">Organic Chemistry — Ch. 3</p><p style="color: var(--lp-text-secondary); font-size: 10px; line-height: 1.5;">The carbon atom can form four covalent bonds. <span style="background: rgb(219, 234, 254); color: rgb(29, 78, 216);">Organic compounds are classified by functional groups</span> that determine their reactivity.</p></div></div><p class="text-center" style="color: var(--lp-text-muted); font-size: 12px; max-width: 180px;">Nothing visible — answer silently in clipboard</p></div></div><div class="flex flex-wrap gap-5 justify-center" style="color: var(--lp-text-secondary); font-size: 15px;"><span class="flex items-center gap-2"><span style="color: var(--lp-orange); font-weight: 700;">✓</span>No badge</span><span class="flex items-center gap-2"><span style="color: var(--lp-orange); font-weight: 700;">✓</span>No spinner</span><span class="flex items-center gap-2"><span style="color: var(--lp-orange); font-weight: 700;">✓</span>Silent clipboard</span><span class="flex items-center gap-2"><span style="color: var(--lp-orange); font-weight: 700;">✓</span>Screen-share safe</span></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section class="px-6 py-16 md:py-20 flex flex-col items-center"><p class="lp-label">Compatibility</p><h2 class="text-center mb-4" style="font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; color: var(--lp-text); line-height: 1.2;">Works <em class="serif-italic" style="color: var(--lp-orange);">everywhere</em> you browse</h2><p class="text-center mb-10" style="font-size: 16px; color: var(--lp-text-secondary); max-width: 440px; line-height: 1.6;">If you can select it, Helpi can process it.</p><div class="flex flex-wrap gap-3 justify-center" style="max-width: 680px;"><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Gmail</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">LinkedIn</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Twitter/X</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Reddit</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">GitHub</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Slack</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Discord</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Medium</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Substack</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Stack Overflow</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Hacker News</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Wikipedia</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">The Verge</span><span class="px-4 py-2 rounded-lg cursor-default transition-colors" style="border: 1px solid var(--lp-border); color: var(--lp-text-secondary); font-size: 14px;">Spotify</span></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section class="px-6 py-16 md:py-20 flex flex-col items-center"><p class="lp-label">Custom Actions</p><h2 class="text-center mb-4" style="font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 700; color: var(--lp-text); line-height: 1.2;">Build your <em class="serif-italic" style="color: var(--lp-orange);">own shortcuts</em></h2><p class="text-center mb-10" style="font-size: 16px; color: var(--lp-text-secondary); max-width: 440px; line-height: 1.6;">Define custom AI prompts and bind them to keyboard shortcuts.</p><div class="flex flex-col sm:flex-row gap-4 mb-8" style="max-width: 680px; width: 100%;">
27<div class="flex-1 flex items-center gap-4 rounded-xl p-5" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;"><span style="font-size: 24px;">🇪🇸</span><div class="flex-1 min-w-0"><p class="font-semibold" style="font-size: 14px; color: var(--lp-text);">Translate to Spanish</p><code class="px-2 py-0.5 rounded mt-1.5 inline-block" style="font-size: 12px; background: var(--lp-orange-light, #FFF5F1); color: var(--lp-orange); font-family: monospace;">⌥⇧1</code></div></div><div class="flex-1 flex items-center gap-4 rounded-xl p-5" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;"><span style="font-size: 24px;">👶</span><div class="flex-1 min-w-0"><p class="font-semibold" style="font-size: 14px; color: var(--lp-text);">Explain like I'm 5</p><code class="px-2 py-0.5 rounded mt-1.5 inline-block" style="font-size: 12px; background: var(--lp-orange-light, #FFF5F1); color: var(--lp-orange); font-family: monospace;">⌥⇧2</code></div></div>
27<div class="flex-1 flex items-center gap-4 rounded-xl p-5" style="border: 1.5px solid var(--lp-border); background: var(--lp-off-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px;"><span style="font-size: 24px;">💼</span><div class="flex-1 min-w-0"><p class="font-semibold" style="font-size: 14px; color: var(--lp-text);">Write a reply</p><code class="px-2 py-0.5 rounded mt-1.5 inline-block" style="font-size: 12px; background: var(--lp-orange-light, #FFF5F1); color: var(--lp-orange); font-family: monospace;">⌥⇧3</code></div></div></div><p style="font-size: 13px; color: var(--lp-text-muted);">Free: 2 custom actions · Pro: 9 custom actions</p></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section id="pricing" class="px-6 py-4 flex flex-col items-center"><div class="w-full rounded-2xl p-10 flex flex-col items-center text-center" style="max-width: 520px; border: 1px solid var(--lp-border); background: var(--lp-white);"><h2 class="mb-3" style="font-size: 1.7rem; font-weight: 700; color: var(--lp-text); line-height: 1.2;">Stop switching to <em class="serif-italic" style="color: var(--lp-orange);">ChatGPT</em></h2><p class="text-sm mb-8" style="color: var(--lp-text-secondary); max-width: 360px;">Get AI answers on any page with one shortcut. Free, forever.</p><div class="flex flex-wrap gap-3 justify-center mb-6"><a href="https://chromewebstore.google.com/detail/helpi/ijpaoknhiejodigfafjdneophhnlejoo" target="_blank" rel="noopener noreferrer" class="lp-btn-primary">Add to Chrome — Free</a><a class="lp-btn-secondary" href="/pricing">See Pricing →</a></div><p class="text-xs" style="color: var(--lp-text-muted);">Free: 30 actions/day · Need more? <a href="/pricing" style="color: var(--lp-orange); text-decoration: none;">See Pro →</a></p></div></section><div class="my-14 flex justify-center"><div class="h-px w-10" style="background: var(--lp-border);"></div></div><section id="faq" class="px-6 py-4 flex flex-col items-center pb-16"><h2 class="text-center mb-8" style="font-size: 1.6rem; font-weight: 700; color: var(--lp-text);">Questions</h2><div class="w-full" style="max-width: 520px;"><div class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-0" style="border-bottom: 1px solid var(--lp-border);"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_r_4_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_r_3_" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-sm font-semibold py-4 hover:no-underline" data-radix-collection-item="" style="color: var(--lp-text);">Is it really free?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_r_4_" hidden="" role="region" aria-labelledby="radix-_r_3_" data-orientation="vertical" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-0" style="border-bottom: 1px solid var(--lp-border);"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_r_6_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_r_5_" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-sm font-semibold py-4 hover:no-underline" data-radix-collection-item="" style="color: var(--lp-text);">How is this different from ChatGPT?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_r_6_" hidden="" role="region" aria-labelledby="radix-_r_5_" data-orientation="vertical" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-0" style="border-bottom: 1px solid var(--lp-border);"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_r_8_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_r_7_" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-sm font-semibold py-4 hover:no-underline" data-radix-collection-item="" style="color: var(--lp-text);">What sites does it work on?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_r_8_" hidden="" role="region" aria-labelledby="radix-_r_7_" data-orientation="vertical" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-0" style="border-bottom: 1px solid var(--lp-border);"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_r_a_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_r_9_" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-sm font-semibold py-4 hover:no-underline" data-radix-collection-item="" style="color: var(--lp-text);">Is my text private?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_r_a_" hidden="" role="region" aria-labelledby="radix-_r_9_" data-orientation="vertical" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div></div></div></section></main><footer class="px-6 py-10 flex flex-col items-center gap-4" style="border-top: 1px solid var(--lp-border);"><nav class="flex flex-wrap gap-x-6 gap-y-2 justify-center"><a class="text-sm transition-colors" href="/dashboard" style="color: var(--lp-text-muted);">Dashboard</a><a class="text-sm transition-colors" href="/pricing" style="color: var(--lp-text-muted);">Pricing</a><a class="text-sm transition-colors" href="/tutorial" style="color: var(--lp-text-muted);">
27Tutorial</a><a class="text-sm transition-colors" href="/contact" style="color: var(--lp-text-muted);">Contact</a><a class="text-sm transition-colors" href="/about" style="color: var(--lp-text-muted);">About</a><a class="text-sm transition-colors" href="/privacy" style="color: var(--lp-text-muted);">Privacy</a><a class="text-sm transition-colors" href="/terms" style="color: var(--lp-text-muted);">Terms</a><a class="text-sm transition-colors" href="/impressum" style="color: var(--lp-text-muted);">Impressum</a><button type="button" class="text-sm transition-colors bg-transparent border-0 cursor-pointer p-0" style="color: var(--lp-text-muted);">Cookie Settings</button></nav><p class="text-xs" style="color: var(--lp-text-muted);">© 2026 Helpi</p></footer></div></div></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:flex-col md:max-w-[420px] bottom-0 right-0"></ol></div><div id="cookieconsent"></div></div>
28    
29
30<svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1002"></defs><polyline id="SvgjsPolyline1003" points="0,0"></polyline><path id="SvgjsPath1004" d="M0 0 "></path></svg>
30<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"69ed10af32eb4793baacfce6507e5a82","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 30
30
31<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4401cc95c93ee24',t:'MTc5MDkwNjQxNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
31</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.