Claude Code
+
ChatGPT Codex
+
PayHelm MCP

One prompt.
Your own dashboard.

Describe the ecommerce dashboard you want. Claude Code or ChatGPT Codex writes the full app. PayHelm streams in your live data. Done in minutes, not weeks.

1

Write one prompt

Describe what you want in plain English. No specs, no wireframes.

Claude Code · New Session
You
2

AI writes the full app

Components, data fetching, chart config, layout — generated in seconds.

import { usePayHelmMCP } from '@payhelm/mcp-client';
import { LineChart, BarChart } from 'recharts';

export function EcommerceDashboard() {
  const { data: revenue } = usePayHelmMCP(
    'getRevenueTimeSeries',
    { period: '14d', compare: true }
  );
  const { data: products } = usePayHelmMCP(
    'getTopProducts',
    { metric: 'revenue', limit: 5, include_margin: true }
  );
  const { data: ads } = usePayHelmMCP(
    'getAdPerformance',
    { channels: ['google_ads', 'meta_ads'] }
  );
  const { data: inventory } = usePayHelmMCP(
    'getLowStockAlerts',
    { threshold: 10 }
  );

  return (
    <div className="min-h-screen bg-gray-950 text-white p-6">
      <RevenueChart data={revenue} />
      <TopProducts data={products} />
      <AdROASComparison data={ads} />
      <InventoryAlerts alerts={inventory} />
    </div>
  );
}
3

Your live dashboard

Real data from your connected platforms — rendered in your custom UI.

EcommerceDashboard.tsx — Live
Connected · 4 sources
Revenue Today
$12,840
+18%
Google ROAS
5.2×
+0.4×
Meta ROAS
3.1×
-0.2×
Low Stock SKUs
7
⚠ Alert
Revenue This Week
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Top Products
1Pro Bundle
$4,82062%
2Classic Kit
$3,24048%
3Starter Pack
$2,18055%
4Add-on Module
$1,64071%
5Annual License
$96088%
The data layer

PayHelm is the API
the AI calls.

Claude Code and ChatGPT Codex know how to call APIs. PayHelm gives them a single, unified endpoint that talks to all your platforms at once — no per-integration auth, no schema mapping.

  • Shopify, BigCommerce, WooCommerce, Amazon — one API call
  • Google Ads, Meta Ads, TikTok Ads — normalized ROAS and spend
  • Gross margin, net profit, blended CAC — pre-calculated
  • Streams live data, not cached exports

How it connects

Claude Code
ChatGPT Codex
PayHelm MCP API
Unified ecommerce data layer
Shopify
BigCommerce
Google Ads
Meta Ads
GA4
+47 more

Why build your own?

Off-the-shelf dashboards show what they want you to see. Yours shows exactly what you need.

Any chart, any layout

Line charts, bar charts, tables, KPI cards — specify in plain English and the AI builds it.

Live data out of the box

PayHelm MCP connects your Shopify, Google Ads, Meta, and 47 other sources automatically.

Custom metrics

Blended ROAS, contribution margin, LTV cohorts — ask for the exact formulas you want.

Deploy anywhere

Export as a React app, embed in Notion, or host on Vercel — the code is yours.

Iterate in seconds

"Make it mobile-friendly" or "add a date picker" — prompt again, get updated code instantly.

No vendor lock-in

Standard Recharts + Tailwind + TypeScript. Read it, fork it, own it.

One prompt vs. the old way

One Prompt + PayHelm
Custom dev (traditional)
Time to first dashboard
Minutes
Weeks
Data connections
Automatic via MCP
Manual per-integration
Iterate and change
One more prompt
Dev sprint
Cost
PayHelm subscription
$10K+ agency project
You own the code
Yes
Maybe
Live data
Yes
Depends on build
+
+

Start with your prompt.

Connect PayHelm, open Claude Code or ChatGPT Codex, and describe the dashboard you've always wanted.

Works with Claude 3.5 Sonnet, Claude Code, o3, and ChatGPT Codex