Recipe Ad Story Skipper

WHAT IT DOES Recipe Ad Story Skipper automatically skips the long introductory stories, ads, and promotional content that often precede recipes on cooking websites. When you load a recipe page, the extension detects the recipe card or ingredient list and performs a smooth scroll directly to it, saving you from manually scrolling through paragraphs of backstory, life stories, photos, and advertisements. A small notification confirms when the skip has occurred, and a manual skip button lets you jump to the recipe at any time. The extension works with the same detection strategies as the Jump-to-Recipe Button, using common selectors, schema markup, and heading patterns to identify the recipe location. You can customize the scroll duration, skip offset, and toggle the auto-skip feature on or off. WHERE IT RUNS The extension works on every website with recipe content, including food blogs, cooking sites, recipe aggregators, and any page with structured recipe data. It runs locally in your browser, analyzing the page's DOM to find the recipe container without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly. HOW TO USE After installation, the extension automatically skips to the recipe on pages with recipe content (if auto-skip is enabled). A notification briefly appears confirming the skip. If you need to skip manually at any time, click the "⏭ Skip to Recipe" button in the bottom-right corner. To customize the experience, open the extension panel and toggle "Auto-skip on page load" to enable or disable automatic skipping. Toggle "Show skip notification" to show or hide the confirmation notification. Toggle "Show manual skip button" to show or hide the floating skip button. Adjust the scroll duration (100-2000ms) to control the speed of the skip animation. Adjust the skip offset (0-300px) to control how far above the recipe the page scrolls. For per-site customization, enable or disable the extension on specific websites using the per-site controls. THE ACTUAL MECHANISM — RECIPE CONTAINER DETECTION WITH AUTOMATED SMOOTH SCROLL PIPELINE The extension uses a multi-strategy recipe detection pipeline identical to the Jump-to-Recipe Button. First, it queries the DOM for common recipe container selectors (.recipe, .recipe-card, .wprm-recipe, .tasty-recipe, [itemtype*="Recipe"], etc.). If no match is found, it falls back to heading-based detection, scanning for headings that contain recipe-related keywords (ingredients, instructions, directions, recipe, cook time, servings) and finding the parent container. As a third fallback, it uses a scoring algorithm that analyzes page elements for recipe keywords and selects the highest-scoring container. Once the recipe target is detected, the extension calculates the target's position using getBoundingClientRect() and performs a smooth scroll using requestAnimationFrame with an ease-in-out easing function. The scroll duration is configurable via the skipDuration setting. If the page is already scrolled near the recipe (top < 100px), the extension skips the scroll to avoid unnecessary movement. After the scroll completes, the recipe target is briefly highlighted with a subtle blue background that fades after 1 second. The skip notification appears as a fixed-position toast at the top of the screen. The manual skip button is positioned using fixed positioning with z-index 2147482000 to remain above page content. THE PANEL The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, skip to recipe button, refresh detection button, auto-skip toggle, notification toggle, manual button toggle, scroll duration input, skip offset input, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme. PLEASE NOTE This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. The recipe detection works on the majority of recipe sites but may not detect all custom implementations. The extension only scrolls the page and does not modify the page content. The skip feature is designed to improve the reading experience by reducing the time spent scrolling through non-essential content. No personal data, browsing history, or recipe content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.