← Back to Projects

Internal Dev Team Tooling

Growth Engineering: Chrome Extension for Developer Productivity

Extension Icon

Dev Team Quick Grabs

Chrome Extension v1.0 · Manifest V3

Project Overview

As a growth engineer, I noticed our dev team was spending too much time on repetitive tasks — jumping between bookmarks to find the right tool, manually copying CMS scripting templates from old campaigns, and looking up translations and special characters. These were small things individually, but across every campaign build they added up and slowed us down.

I took the initiative to build a lightweight Chrome extension using vanilla JavaScript that puts everything the team needs in one click. Quick links to our daily tools, pre-validated CMS logic blocks, brand-specific email header copy, and localized CTA translations — all accessible from the browser toolbar without leaving the current tab. I built it with Manifest V3 and Vite, keeping it simple and fast with zero framework overhead.

Key Features

Quick Links Dashboard

One-click access to the tools we use every day — our CMS platform, project management boards, design files, team documentation, and developer resources. No more digging through bookmarks or asking teammates for the right link.

CMS Logic Snippets

Pre-built CMS scripting blocks for personalization, subject line logic, market-based content splits, and tracking tag insertion — all with one-click copy. These are the patterns the team uses in every campaign, and having them pre-validated means no more syntax errors from typing them from memory.

Brand Header Copy

Pre-formatted email header copy for each brand with proper HTML formatting preserved, including localized versions. Ensures brand consistency across all campaigns without having to reference previous sends.

Localized CTAs & Special Characters

Quick access to localized CTA translations and special characters like curly apostrophes that are needed frequently for brand-compliant copy but are tedious to look up.

Impact on the Team

The extension was adopted by the dev team as a standard part of our campaign build workflow. What started as a personal productivity tool ended up improving how the whole team works.

Faster Campaign Builds

Eliminated the repetitive copy-paste workflow for CMS templates and brand copy. Everything the team needs is one click away instead of scattered across tabs and docs.

Fewer Errors

Pre-validated CMS logic blocks reduced the risk of syntax errors in personalization and content split code across campaigns reaching large subscriber bases.

Easier Onboarding

New team members had instant access to every resource and code pattern they needed from day one, reducing ramp-up time and the need to ask around for links and snippets.

Initiative Beyond Sprint Work

I identified the problem, built the solution, and shipped it to the team on my own initiative outside of regular sprint work — growth engineering in practice, optimizing the process not just the product.

Project Details

Type

Internal Productivity Tool

Platform

Chrome Extension (Manifest V3)

Role

Creator & Solo Developer

Status

Adopted by Dev Team

Technologies Used

JavaScriptHTMLCSSChrome APIsManifest V3ViteClipboard API

What It Covers

  • CMS scripting templates
  • Brand email headers
  • Market-based content split logic
  • Personalization logic
  • Tracking tag insertion
  • Localized CTA translations
  • Quick links to team tools

How It Works

The extension sits in the browser toolbar. One click opens a popup with organized sections — quick links, header copy, CMS logic blocks, localized translations, and special characters. Every snippet has a copy button that writes to clipboard instantly and shows a confirmation. No extra steps, no tab switching.

Quick Links

CMS, project boards, design files

Code Snippets

CMS logic, one-click copy

Brand Copy

Headers, CTAs, translations

Technical Highlights

  • • Built with vanilla JavaScript — no frameworks, fast and lightweight
  • • Chrome Manifest V3 with Clipboard API for instant copy functionality
  • • Organized UI with color-coded sections for different snippet categories
  • • Visual copy confirmation feedback for better user experience
  • • Designed to be easily extensible as the team's needs grow
Logo

Developed with Next Js, Next UI, and Tailwind by Oscar Leal.