Inspiration

While developing OfferEvo, a community-powered growth and promotional software, I noticed a severe operational bottleneck. Teams—whether running high-scale SaaS companies, e-commerce brands, or modern agency operations—constantly hit sudden revenue dips, stalling pipelines, or expiring inventory blocks.

They talk about these fires inside their internal Slack workspaces, but the friction of stepping away, parsing raw data, logging into a separate marketing suite, writing copy, and launching an ad-hoc flash campaign means opportunities evaporate before execution happens. I was inspired to cut this friction to absolute zero. By building an invisible UI, I wanted to let managers transform internal team anxiety directly into instant, consumer-facing revenue campaigns without ever leaving the chat interface.

What it does

OfferEvo Hub converts internal operational friction into an instantaneous automated marketing pipeline using a two-part system: The Agent and The Playground.

Targeted Context Lookback: When a manager tags @OfferEvoHub, the Slack Agent wakes up and uses the Real-Time Search (RTS) API to securely pull recent channel chat history.

Conversational Analysis: Powered by Gemini 2.5, the agent isolates the operational problem (e.g., "sales are slow today") and drafts a highly constrained promotional offer (max 42 characters for titles, 40 for descriptions).

The Handoff to OfferPreview: Instead of locking the user into Slack, the agent generates a dynamic [View on Playground] button using Slack Block Kit.

Frictionless Rendering: Clicking the button routes the user to the OfferEvo Preview Playground. By utilizing URL parameter injection, the AI-generated context (Title, Description, Theme Color, and Business Details) is passed securely and instantly into our visual frontend. The user sees a fully styled, pixel-perfect preview of their mobile marketing card without needing to log in, sync databases, or manually type a single word.

How we built it

The Slack Brain (Backend): Powered by Node.js + Express and @slack/bolt, operating via Socket Mode for instant bidirectional communication. It leverages the Google GenAI API (Gemini) to output strictly formatted JSON payloads based on conversational context.

The Visual Playground (Frontend): A standalone web application built with HTML5, Tailwind CSS, and Vanilla JavaScript. It features a dynamic URL-parameter extraction engine that catches the data passed from the Slack Agent and auto-populates the UI, mapping hex colors and text directly to the DOM for an instant visual preview.

Built With

Share this project:

Updates