# How to Vibe Code Your Own Hexomatic (and Stop Paying for It)

> Web scraping + AI work automation, made easy

- Site: https://hexomatic.com
- Category: Web App / Workflow Automation
- Verdict: **Serious undertaking** (45/100 vibecodeable)
- Estimated effort: 4-6 weeks of focused coding and debugging

## Verdict

Build a single-user personal workflow runner with custom scrapers and AI steps, but expect immense frustration handling anti-bot protections and brittle CSS selectors.

Replicating Hexomatic for personal use means building a mini-Zapier coupled with a headless browser automation farm. While an AI coding agent can scaffold the Next.js UI, database models, and basic Puppeteer/Playwright scripts in a week, you will spend weeks debugging why target websites block your IP ranges, break selectors on minor DOM updates, or timeout during multi-step asynchronous DAG execution.

### What you can't replicate

- Maintained library of 100+ pre-built enterprise scraping recipes
- Enterprise proxy infrastructure capable of bypassing strict Cloudflare challenges at scale
- The 150,000+ user community and ecosystem cross-selling

## What it does

Cloud-based no-code web scraping and workflow automation platform combining browser automation, data enrichers, and LLM modules into scheduled pipelines.

### Core features

- Visual workflow builder (drag-and-drop or node-based sequences)
- Web scraping actions (HTML parsers, table extractors, recipe builders)
- Headless browser execution engine (Playwright/Puppeteer with proxy rotation)
- Pre-built automation modules (email validation, tech stack detection, SEO meta extraction)
- AI text generation steps (integration with OpenAI/Anthropic APIs)
- Scheduled execution engine (cron-based recurring workflow runs)
- Data output management (export to CSV, JSON, or webhook destinations)

## The business

### Pricing

- Free: $0/mo
- Bronze: $24/mo
- Silver: $49/mo
- Gold: $99/mo
- Enterprise: Custom

Founded 2019.
Team size: 11–50 employees.

## The hard parts

- Bypassing aggressive modern anti-bot systems (Cloudflare, CAPTCHAs, IP rate-limiting)
- Orchestrating durable multi-step DAG workflows with reliable error recovery and state checkpoints
- Managing rotating proxy pools and handling headless browser resource consumption at scale
- Maintaining selector resilience against constant DOM mutations on target third-party websites

## How to vibe code Hexomatic

### Prerequisites

- Node.js (free): Runtime environment for Next.js and backend automation scripts
- GitHub (free): Source code repository and deployment trigger
- OpenAI API Key (Pay-as-you-go): Powers the AI text generation workflow modules

### Recommended AI tools

- Claude Code: Unmatched ability to scaffold complex full-stack apps, worker queues, and Playwright integration scripts from natural language prompts.
- Cursor: Ideal for fine-tuning the visual workflow builder UI and debugging React components.

### Stack

- Frontend: Next.js with Tailwind CSS and React Flow for the visual workflow editor
- Backend: Next.js API routes with BullMQ / Redis for durable background job queues
- Database: Turso (SQLite at the edge) for storing workflows, execution logs, and credentials
- Auth: better-auth for simple, self-hosted single-user authentication
- Payments: None (personal use clone)
- Other: Playwright for headless web scraping, Cheerio for lightweight HTML parsing, Zod for schema validation

### Hosting

- Fly.io (Hosting the Node.js backend runner, Redis queue, and Playwright headless browser instances): $5-10/mo
- Vercel (Hosting the Next.js frontend and workflow builder dashboard): $0/mo

### Build guide

1. **Scaffold Project Structure & Database Schema** — Initialize a Next.js project with Tailwind CSS, configure Turso SQLite via Drizzle ORM, and set up better-auth for secure login.

```
Create a new Next.js 16 project with TypeScript and Tailwind CSS v4. Set up Drizzle ORM connected to a Turso SQLite database. Define schema tables for users, workflows (storing JSON node graphs), workflow_runs (storing execution status, start/end times), and step_logs (storing inputs, outputs, and errors for each step in a run). Implement better-auth for authentication.
```

2. **Build the Visual Workflow Builder UI** — Implement a drag-and-drop workflow canvas using React Flow where users can link nodes like 'Data Input', 'Web Scraper', 'AI Prompt', and 'Export'.

```
Build a visual workflow editor page using React Flow inside the Next.js app. Create custom node types for: Data Input (text/CSV), Web Scraper (URL + CSS selector), AI Processing (prompt template + OpenAI model), and Data Export. Allow users to connect nodes into a sequential DAG, configure individual node parameters via a side panel, and save the resulting workflow graph configuration as JSON to the database.
```

3. **Implement the Scraping Engine & Browser Automation** — Create a robust scraping module using Playwright and Cheerio capable of fetching pages, extracting elements via CSS/XPath selectors, and handling dynamic content.

```
Create a backend scraping service using Playwright and Cheerio. Given a target URL and CSS selectors, launch a headless browser instance, wait for selector rendering, handle network timeouts, and extract structured key-value pairs into a JSON array. Include error handling for invalid URLs, blocked requests, and missing selectors.
```

4. **Build the Asynchronous Workflow Runner & Queue** — Set up a background worker queue using BullMQ and Redis on Fly.io to execute multi-step workflows step-by-step with state persistence.

```
Implement an asynchronous workflow execution engine using BullMQ and Redis. When a workflow run is triggered, queue a background job that parses the workflow's node graph (DAG), executes each node sequentially, passes outputs from preceding nodes as inputs to subsequent nodes (e.g., passing scraped text into an OpenAI prompt step), and updates the workflow_runs and step_logs tables in Turso with real-time status updates.
```

5. **Integrate AI Processing & Utility Modules** — Add pre-built automation modules for OpenAI text generation, email validation regex checks, and CSV export functionality.

```
Extend the workflow runner with pre-built modules: 1) An AI processing step that calls the OpenAI API using a user-defined prompt template injected with variables from previous steps. 2) An email validation step using regex checks and DNS lookup validation. 3) A CSV export step that formats step outputs and triggers a browser file download.
```

6. **Add Cron Scheduling & Execution Dashboard** — Implement cron-based recurring schedule triggers and a dashboard to monitor active runs, logs, and historical outputs.

```
Build a dashboard view in Next.js showing workflow run history, execution logs, and detailed step output tables. Implement cron schedule support using node-cron or Cloudflare/Fly cron triggers so users can schedule workflows to run automatically on hourly, daily, or weekly intervals.
```

### Cost vs paying

**Starting costs (one-time):**

- AI Coding Assistant (Claude Pro): $20
- Total: $20 one-time

**Ongoing costs (monthly):**

- Fly.io Hosting & Redis: $8/mo
- OpenAI API Usage: Pay-as-you-go (~$5/mo)
- Total: ~$13/mo

- Paying for the SaaS instead: $49/mo (Silver Plan)
- Build time: 35-50 hours
- AI tool credits: $20 (Claude Pro)
- Break-even: 1 month

## Sources

- [Hexomatic Official Website](https://hexomatic.com)
- [Hexomatic Pricing and Review Breakdown - Prospeo](https://vertexaisearch.cloud.google.com/grounding-api-redirect/AUZIYQEk4Dhn_79KkElvFh-ZUehlrfjs-wF8GIPITAL7tv1UqxeV3kpEXuvHtOxCUTw_xlEEeRawLeRjo3T1vNIoo7d-UgxtVB8ANR0O6qdafHxbBaVQQAdpTtYct1gTsml7eBn7rClV73H7R9Lnn0ZyuKbgv-U-)
- [Hexact StartEngine Campaign & Company Updates](https://vertexaisearch.cloud.google.com/grounding-api-redirect/AUZIYQH8eWhrhzN993WdyO8A3vtYWuEeqopFqpZkNJ7PxUxalfvEmw58CD_6h2TpIiFU2QBmU7zl8v5efpkNQV9U-tZ5mTOPa-fkpUMjTbrA2FN1ch7ZsihVRH655fQj6BU2K33qXmERyWsskZDYPaCqGEw-)