DEV Community

Cover image for πŸ’Ύ Save What You Search: A Chrome Extension Created with Runner H
James Moro
James Moro Subscriber

Posted on

πŸ’Ύ Save What You Search: A Chrome Extension Created with Runner H

This is a submission for the Runner H "AI Agent Prompting" Challenge

What I Built

I created a Chrome extension called SideSave, designed especially for content professionals, SEOs, and competitive analysis.

The idea came from my own workflow writing search-optimized content, where I often need to analyze how competitors position themselves in Google's sponsored results.

The problem is that these ads β€” although rich in copywriting, links, persuasive hooks, and keywords β€” disappear quickly. Just by refreshing the search or waiting a few minutes, the same ad may no longer appear.

This makes analysis and later study difficult.

SideSave solves this by saving ads with title, link, snippet, and a clear visual marker that it's a sponsored result.

Demo

How I Used Runner H

I used Runner H as a tool to automatically and accurately generate the extension code.

With a well-structured prompt, I was able to generate:

  • A V3-compatible manifest.json
  • content.js scripts that dynamically detect Google results
  • Ad detection based on text like "Sponsored"
  • A floating β€œβž• Save to SideSave” button with smart behavior
  • A fixed sidebar with a flat/striped style
  • Persistent storage using chrome.storage.local
  • Communication between popup and content script via chrome.runtime.sendMessage

All of this was generated with the help of the AI in Runner, without me needing to manually code everything.

Automation saved me hours of fine-tuning and accelerated the prototyping process.

Use Case & Impact

The main use case for this extension is for digital marketers, content creators, copywriters, and SEO specialists who want to study how ads are structured on search pages β€” especially when creating campaigns, optimized landing pages, or analyzing competitors.

With SideSave, you can:

  • Save and classify sponsored ads for future reference
  • Compare headline and description copy used in competitor campaigns
  • Identify link patterns used in paid ads
  • Store ideas for your own strategic content creation

The impact is clear: it makes analytical and creative work easier by keeping key insights readily accessible in the browser.

Social Love

Youtube: https://youtu.be/WoncvzT_bUI
X: https://x.com/jamesrmoro/status/1941583769053372422


Top comments (0)