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.
Write one prompt
Describe what you want in plain English. No specs, no wireframes.
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>
);
}Your live dashboard
Real data from your connected platforms — rendered in your custom UI.
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
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
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