HomeProjectsArticlesAbout
🇪🇸🇬🇧
▼
Tip

What is Blurgy? It started as a browser extension designed to blur and mask sensitive client data in real-time during sales demos and screen-shared video calls. However, its real triumph was its evolution: transitioning from a weekend AI-powered prototype into a native feature dubbed "blurg" embedded right into Clevergy's production codebase.

Blurgy - Real-time data anonymization and privacy tool

The Problem: Sales Calls Without Convincing Demo Data

At Clevergy, we faced a persistent pain point: our sales colleagues didn't have adequate, realistic demo data to present and sell our platform to potential clients.

In the B2B energy and software space, showcasing empty dashboards or flat sample numbers ruins the pitch's credibility. While various solutions were evaluated internally, none ever saw the light of day. The product roadmap consumed all engineering bandwidth: while universally acknowledged as important, demo environments were never deemed top priority.

Faced with this bottleneck, I decided to take initiative and tackle it myself.


The First Attempt and the Rise of AI Tools

Right around that time, early generative AI dev tools like Lovable and Bolt were gaining serious momentum. Intrigued by what could be accomplished quickly with LLMs, I jumped in to build a solution.

My initial idea was to generate synthetic demo data:

  • I attempted to populate the database with mock accounts, simulated telemetry, and fake consumption patterns.
  • Why it failed: Energy consumption curves and invoices are highly specific. The synthetic graphs simply didn't look authentic, and we couldn't easily generate the required data volume. Moreover, keeping mock data synchronized and refreshed daily turned into an unmanageable logistical mess.

That led me to the breakthrough question: What if instead of inventing fake data from scratch, we use real client data and simply mask all sensitive identifiers on screen?


The Birth of Blurgy: Real-Time Anonymization

That paradigm shift gave birth to Blurgy. The premise was straightforward: a Chrome extension capable of blurring, masking, or replacing company names, tax IDs, addresses, tariffs, and confidential numbers on the fly while sales reps shared their screen.

I dedicated evenings, weekends, and spare moments to craft it:

  1. Iterating with AI Prompts & Code: Leveraging Cursor and LLM assistants to handle DOM script injection, mutation observers, and CSS element targeting.
  2. Brand Identity & Assets: Designed the visual branding, custom iconography, and our mascot (a cute hedgehog) alongside clean UI menus.
  3. Showcase Landing Page: Launched an official landing page at alejandroramirezj.github.io/Blurgy so anyone could test the extension and understand how it works.

The extension went beyond simple blur effects: it offered instant keyboard shortcuts for live calls, smart placeholder replacements to maintain layout integrity, and customizable element targeting.


The Ultimate Payoff: From Extension to Production Code

What makes me proudest about this journey isn't just shipping the extension—it's how it fundamentally changed the actual product.

Almost the entire sales team quickly adopted and relied on Blurgy for daily customer demos. However, because it operated as an external extension injecting heavy DOM mutations and styles over dynamic single-page applications:

  • It experienced slight rendering delays when applying blur to dynamically loaded views.
  • The sheer amount of injected code occasionally stuttered the user experience.

Rather than accepting these trade-offs, I sat down with Clevergy's Lead Frontend Engineer. I demonstrated how vital the extension had become for sales deals and explained the technical performance hurdles we were hitting on client machines.

Together, we executed a complete architectural rethink:

  • Sensitive Fields Audit: We mapped out every single confidential data point across all views in the platform.
  • Introducing the "blurg" Variable: Inspired directly by the project's name (a blend of Clevergy and Blurgy), our lead frontend engineer integrated a native property and directive called "blurg" directly into the frontend codebase.
  • Operations Portal Command: A native toggle was added to the internal Operations Portal where sales presentations are configured. With a single command, the application activates demo mode and effortlessly obfuscates all blurg-tagged elements—zero latency, no external extensions, and pixel-perfect aesthetics.

Furthermore, this practice became a permanent team standard: every time new features or views are built, engineers automatically tag sensitive fields with the "blurg" attribute.


Conclusion: Solving Real Problems by Closing the Loop

Today, our sales team relies on this native capability daily in virtually every prospective client presentation.

Blurgy encapsulates how I approach product innovation:

  • Identify a real operational friction that the core roadmap cannot immediately prioritize.
  • Harness emerging AI tools to prototype quickly and prove tangible value in days, not months.
  • Collaborate cross-functionally with engineering to elevate a scrappy hack into an enduring, high-impact product feature.

Project Links

  • 🌐 Blurgy Website & Demo: alejandroramirezj.github.io/Blurgy
Mis zapatillas de correr

These are my running shoes. And since this is the footer... they literally had to be at your feet. Pretty crazy, right? ⚡️👟

Explore

  • Home
  • Projects
  • Articles
  • About
  • Interactive CV

Creations

  • porfolio.recetaspati.com↗
  • recetaspati.com↗
  • Sitemap XML

Stack & Craft

  • ⚡Next.js 15 & React 19
  • 🎨Tailwind CSS
  • 🤖Cursor & Claude Code
  • ☁️Cloudflare Pages
  • 100% Indie & Craft 🛠️

© 2026 Alejandro Ramírez.Crafted with ☕, 🥐 and lots of code.

No pixels were harmed in the making of this site.
HomeProjectsArticlesAbout
🦔Product
·🗓️2026-08-08·🕒~4 min read

Blurgy: From an AI-Built Chrome Extension to Native Clevergy Feature

How I solved the lack of demo data for our sales team by building an AI-assisted Chrome extension that anonymized client data—eventually baked directly into the core product.

#Proyectos#Clevergy#IA#Chrome Extension#Producto#Frontend
Blurgy: From an AI-Built Chrome Extension to Native Clevergy Feature
Tip

What is Blurgy? It started as a browser extension designed to blur and mask sensitive client data in real-time during sales demos and screen-shared video calls. However, its real triumph was its evolution: transitioning from a weekend AI-powered prototype into a native feature dubbed "blurg" embedded right into Clevergy's production codebase.

Blurgy - Real-time data anonymization and privacy tool

The Problem: Sales Calls Without Convincing Demo Data

At Clevergy, we faced a persistent pain point: our sales colleagues didn't have adequate, realistic demo data to present and sell our platform to potential clients.

In the B2B energy and software space, showcasing empty dashboards or flat sample numbers ruins the pitch's credibility. While various solutions were evaluated internally, none ever saw the light of day. The product roadmap consumed all engineering bandwidth: while universally acknowledged as important, demo environments were never deemed top priority.

Faced with this bottleneck, I decided to take initiative and tackle it myself.


The First Attempt and the Rise of AI Tools

Right around that time, early generative AI dev tools like Lovable and Bolt were gaining serious momentum. Intrigued by what could be accomplished quickly with LLMs, I jumped in to build a solution.

My initial idea was to generate synthetic demo data:

  • I attempted to populate the database with mock accounts, simulated telemetry, and fake consumption patterns.
  • Why it failed: Energy consumption curves and invoices are highly specific. The synthetic graphs simply didn't look authentic, and we couldn't easily generate the required data volume. Moreover, keeping mock data synchronized and refreshed daily turned into an unmanageable logistical mess.

That led me to the breakthrough question: What if instead of inventing fake data from scratch, we use real client data and simply mask all sensitive identifiers on screen?


The Birth of Blurgy: Real-Time Anonymization

That paradigm shift gave birth to Blurgy. The premise was straightforward: a Chrome extension capable of blurring, masking, or replacing company names, tax IDs, addresses, tariffs, and confidential numbers on the fly while sales reps shared their screen.

I dedicated evenings, weekends, and spare moments to craft it:

  1. Iterating with AI Prompts & Code: Leveraging Cursor and LLM assistants to handle DOM script injection, mutation observers, and CSS element targeting.
  2. Brand Identity & Assets: Designed the visual branding, custom iconography, and our mascot (a cute hedgehog) alongside clean UI menus.
  3. Showcase Landing Page: Launched an official landing page at alejandroramirezj.github.io/Blurgy so anyone could test the extension and understand how it works.

The extension went beyond simple blur effects: it offered instant keyboard shortcuts for live calls, smart placeholder replacements to maintain layout integrity, and customizable element targeting.


The Ultimate Payoff: From Extension to Production Code

What makes me proudest about this journey isn't just shipping the extension—it's how it fundamentally changed the actual product.

Almost the entire sales team quickly adopted and relied on Blurgy for daily customer demos. However, because it operated as an external extension injecting heavy DOM mutations and styles over dynamic single-page applications:

  • It experienced slight rendering delays when applying blur to dynamically loaded views.
  • The sheer amount of injected code occasionally stuttered the user experience.

Rather than accepting these trade-offs, I sat down with Clevergy's Lead Frontend Engineer. I demonstrated how vital the extension had become for sales deals and explained the technical performance hurdles we were hitting on client machines.

Together, we executed a complete architectural rethink:

  • Sensitive Fields Audit: We mapped out every single confidential data point across all views in the platform.
  • Introducing the "blurg" Variable: Inspired directly by the project's name (a blend of Clevergy and Blurgy), our lead frontend engineer integrated a native property and directive called "blurg" directly into the frontend codebase.
  • Operations Portal Command: A native toggle was added to the internal Operations Portal where sales presentations are configured. With a single command, the application activates demo mode and effortlessly obfuscates all blurg-tagged elements—zero latency, no external extensions, and pixel-perfect aesthetics.

Furthermore, this practice became a permanent team standard: every time new features or views are built, engineers automatically tag sensitive fields with the "blurg" attribute.


Conclusion: Solving Real Problems by Closing the Loop

Today, our sales team relies on this native capability daily in virtually every prospective client presentation.

Blurgy encapsulates how I approach product innovation:

  • Identify a real operational friction that the core roadmap cannot immediately prioritize.
  • Harness emerging AI tools to prototype quickly and prove tangible value in days, not months.
  • Collaborate cross-functionally with engineering to elevate a scrappy hack into an enduring, high-impact product feature.

Project Links

  • 🌐 Blurgy Website & Demo: alejandroramirezj.github.io/Blurgy

En esta página

  1. The Problem: Sales Calls Without Convincing Demo Data
  2. The First Attempt and the Rise of AI Tools
  3. The Birth of Blurgy: Real-Time Anonymization
  4. The Ultimate Payoff: From Extension to Production Code
  5. Conclusion: Solving Real Problems by Closing the Loop
  6. Project Links
← Back to projects