The latest articles on DEV Community by Teratech Solutions (@t3ratech). https://dev.to/t3ratech https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4117054%2F14fe09ab-8276-4b8d-9c9b-0c4bdc59f3e8.png https://dev.to/t3ratech en Teratech Solutions Wed, 09 Sep 2026 08:28:38 +0000 https://dev.to/t3ratech/t3rnel-browser-an-ai-agent-that-runs-in-your-signed-in-browser-with-css-capture-and-full-page-pdfs-2pg2 https://dev.to/t3ratech/t3rnel-browser-an-ai-agent-that-runs-in-your-signed-in-browser-with-css-capture-and-full-page-pdfs-2pg2 <p>T3rnel Browser is a browser extension + MCP bridge that turns the browser you are already signed into into an inspectable, automatable workspace for developers and their AI agents.</p> <h2> What it does </h2> <ul> <li>Hover over any element and copy its real CSS as Tailwind, styled-components, Emotion, CSS Modules, SCSS, or a JSX style object.</li> <li>Capture full pages, including inner-scroll app shells like Claude, ChatGPT and most dashboards, and export as PNG, JPG, WebP, or dark/light-aware PDF.</li> <li>Inspect React components under the cursor: props, hook state, and source position.</li> <li>Clear forms in one click without breaking React's value tracker, or fill them with your own test form data.</li> <li>Record and replay browser interactions: clicks, scrolls, keystrokes, form fills and navigation.</li> <li>Export recorded flows as Playwright, Cypress, Puppeteer or Selenium test scripts.</li> <li>Clear the cache and hard-reload the current page.</li> <li>Stop infinite scrolling on feeds and release one more batch when you want it.</li> <li>Give any MCP client access to a signed-in browser with a human approval gate and secret redaction — all local.</li> </ul> <h2> Why signed-in matters </h2> <p>Most browser automation launches a fresh browser. That browser has no sessions, no cookies, and no way through the login walls that protect real work. T3rnel runs inside the browser you already use, so the pages you are signed into stay signed in, and a human can see and stop anything the agent tries.</p> <h2> Pricing </h2> <p>Free forever for the core inspection, capture, markdown viewer, network/console capture, accessibility audit, record and replay, and base MCP tools. Pro is a one-time purchase for export formats, the full annotation suite, code generation and test-script export, the encrypted vault, DOM compression, the LLM firewall, live shadow testing and time-travel debugging.</p> <h2> Install it </h2> <ul> <li>Product site: <a href="https://t3ratech.github.io/t3rnel-browser-plugin/" rel="noopener noreferrer">https://t3ratech.github.io/t3rnel-browser-plugin/</a> </li> <li>Chrome Web Store: <a href="https://chromewebstore.google.com/detail/t3rnel-browser/egpckhdpkoeimoekciejbmbbcackhdmd" rel="noopener noreferrer">https://chromewebstore.google.com/detail/t3rnel-browser/egpckhdpkoeimoekciejbmbbcackhdmd</a> </li> <li>Firefox add-on: <a href="https://addons.mozilla.org/en-US/firefox/addon/t3rnel-browser/" rel="noopener noreferrer">https://addons.mozilla.org/en-US/firefox/addon/t3rnel-browser/</a> </li> <li>Opera Add-ons: <a href="https://addons.opera.com/en/extensions/details/t3rnel-browser/" rel="noopener noreferrer">https://addons.opera.com/en/extensions/details/t3rnel-browser/</a> </li> <li>Microsoft Edge Add-ons: <a href="https://microsoftedge.microsoft.com/addons/detail/t3rnel-browser/dnplmolfblplbeclnglmjamppekpbcjo" rel="noopener noreferrer">https://microsoftedge.microsoft.com/addons/detail/t3rnel-browser/dnplmolfblplbeclnglmjamppekpbcjo</a> </li> <li>npm bridge: <a href="https://www.npmjs.com/package/@t3ratech/mcp-session-bridge" rel="noopener noreferrer">https://www.npmjs.com/package/@t3ratech/mcp-session-bridge</a> </li> <li>GitHub: <a href="https://github.com/t3ratech/mcp-session-bridge" rel="noopener noreferrer">https://github.com/t3ratech/mcp-session-bridge</a> </li> <li>Skills: <a href="https://github.com/t3ratech/mcp-session-bridge/tree/main/agent-skills" rel="noopener noreferrer">https://github.com/t3ratech/mcp-session-bridge/tree/main/agent-skills</a> </li> </ul> browser mcp ai webdev