Web開発
Show HN: Selector Forge – AI生成による堅牢なセレクタのためのブラウザ拡張機能
Show HN: Selector Forge – browser extension for AI-generated resilient selectors (github.com)
要約
Selector Forgeは、Intunedチームが開発したAI搭載のブラウザ拡張機能で、CSS/XPathセレクタを生成します。Chrome DevToolsのコピー機能よりもページ変更に強く、「セマンティックな」セレクタを作成することで、ブラウザ自動化の信頼性を高めることを目指しています。現在オープンソースとして公開されており、ChromeとFirefoxで利用可能です。
全文翻訳
HNの皆さん、Intuned (https://intunedhq.com) チームのAhmadです。本日、AIを使用して信頼性の高いCSS/XPathセレクタを生成するブラウザ拡張機能、Selector Forge (https://selectorforge.ai/) をリリースし、オープンソース化します。\n\nこれを使って、単一要素または要素の配列のセレクタを作成できます。生成されるセレクタは、「セマンティック」で、Chrome DevToolの「セレクタをコピー」(および他の同様の拡張機能) が提供するものよりも、ページ変更に対してより堅牢であることを意図しています。これらは「#top > div.w-100.ph0-l.ph3.ph4-m > h1 > span」のような脆いものを提供しがちで、わずかなページ変更でも壊れる可能性があります。Selector Forgeは、簡単には壊れないセレクタを目指しています。Selector Forgeが作成したセレクタの例をいくつか示します: `//div[@aria-label="Showing weekly downloads"]//p[@aria-live="polite"]` (アイテムセレクタ) と `//*[local-name()='svg' and @aria-label="Download statistics"]/following-sibling::div` (リストセレクタ)。\n\n拡張機能の使用に関するビデオデモはこちらです: https://www.youtube.com/watch?v=8IjjeDQkKmo\n\nChrome版 Selector Forge: https://chromewebstore.google.com/detail/lbendfnlmhdakbeblajoffkfmafbfaha\n\nFirefox版 Selector Forge: https://addons.mozilla.org/en-US/firefox/addon/selector-forge/\n\nSelector Forgeのコード: https://github.com/Intuned/selector-forge\n\n背景: 過去数年間、私たちはブラウザ自動化を構築・保守するためのコーディングエージェントであるIntuned Agentを開発してきました。その過程で、あらゆるブラウザコードで最も脆い部分は通常セレクタであり、優れたセレクタを作成することが自動化自体の品質と信頼性を向上させる上で非常に重要であるとすぐに気づきました。\n\nそこで、セレクタ作成を独自のAgentに抽象化し、ツールとしてラップして、私たちのコード生成Agentに呼び出させました。LLMはデフォルトでは優れたセレクタを生成するのに優れていないため、これは非常に役立ち、Agentが生成するコードを改善しました。\n\n最近、この部分 (セレクタAgent/作成) が (私たちのプラットフォーム外でも) それ自体で有用であると考え、ブラウザ拡張機能としてパッケージ化しました。それがこの投稿です!\n\nSelector Forgeはオープンソースであり、ブラウザストア (ChromeとFirefox) のバージョンは月200セレクタまで無料で利用できます。無制限の利用は有料プランの一部です。\n\nほとんどの開発者はもはやこのようなコードを手作業で書いていないことを認識しているため、次のステップは、コーディングエージェントがCLIやMCPを介して直接呼び出せる方法でこの機能を公開することです。私たちのロードマップはこちらです: https://github.com/Intuned/selector-forge#roadmap\n\n皆様のご意見、ご質問、フィードバックをお待ちしております!