SupaStory Logo

AI session replay that fixes your code

SupaStory's AI watches your user sessions 24/7, finds UX issues, and generates context-aware code fixes and PRs—so you never have to watch a recording or write the code yourself.

30-Day Money-Back Guarantee: If SupaStory doesn't find actionable insights affecting your conversions in your first 30 days, we'll refund you. No questions asked.

SupaStory Logo
Sarah Chen

Welcome back, Sarah! 👋

sarah.chen@acmestartup.com · Acme Startup Inc.

Last sync

2 minutes ago

Great progress! SupaStory AI analyzed 18 new sessions today and found 3 high-impact insights that could improve your checkout conversion by ~4.2%.

SESSIONS ANALYZED
76
+12%
INSIGHTS DISCOVERED
101
+24%
AVG CONVERSION IMPACT
7.3%
-2.1%
CRITICAL ISSUES
21
-8
CODE FIXES GENERATED
6
+3
PRS CREATED
4
+2
PRS MERGED
1
+1
GITHUB REPOS CONNECTED
1
Sessions & Insights

Last 14 days activity

Sessions
Insights
Conversion Funnel

User journey breakdown

18% final conversion

Beyond session replay—meet your AI UX engineer

While you sleep, it analyzes sessions, identifies friction, writes context-aware fixes, and opens PRs. Wake up to a better product.

Error: line 42
const data = fetch(url)
AI Fix Applied
Fixed
const data = await fetch(url)

AI Writes Code Fixes

Generates context-aware code fixes, not just suggestions.

01:24
Network
POST /api/v1/checkout200 OK
GET /assets/config.json404
Console
Uncaught TypeError: ...
Warn: Deprecated API...

Session Playback

Still want to investigate manually? We offer full session replay with network and browser logs.

Session Timeline
0:00📄Page Load
0:03🖱️Click → Add to Cart
0:05➡️Navigate → /checkout
0:12📝Form Submit

Event Timeline

See exactly what users did in each session—clicks, navigations, and interactions—without information overload.

Pull RequestOpen
fix: async/await in fetchData
AI-generated fix for missing await
+3-1
Ready to merge

Auto GitHub PRs

Creates pull requests automatically with code fixes.

click
scroll
input
hover
navigate
error
Auto-capturing all events

Auto Event Capture

No manual tracking or source maps needed. We capture everything automatically.

Email:
████████@███.com
🔒
Password:
••••••••••
🔒
Card:
•••• •••• •••• ████
🔒
✓ Sensitive data redacted

Privacy-First

User data is anonymized. Sensitive data like form inputs is never captured.

How SupaStory works

From installation to your first automated fix in minutes.

1

Install snippet

Add our script tag or npm package to your app. It works with any framework and captures events automatically.

2

AI finds issues

Our AI analyzes sessions 24/7 to detect friction, errors, and conversion blockers.

3

Review fixes

We generate production-ready code fixes and open PRs in your GitHub repo automatically.

Conversion impact estimates for every issue

Watch Conversion Climb

See the direct correlation between UX fixes deployed and your conversion rate improvement over time.

Quantify ROI of Fixes

Know which funnel stage is affected and the confidence level of each impact estimate.

Issues Found
240+23%

With conversion impact

Avg Impact
12%+51%
Code Fixes
623+6%
PRs Created
187+34%

AI Watches 24/7

Writes Code Fixes

Conversion Impact

Auto GitHub PRs

2 lines of code. That's it.

Add our script tag to your HTML and start capturing insights immediately. No complex setup, no build changes, no source maps.

index.html
<script src="https://app.supastory.com/sdk.js"></script>
<script>SupaStory.init({ projectKey: 'YOUR_PROJECT_KEY' });</script>
Enterprise Plans

Self-Hosted SDK

Host the SDK on your own domain (e.g., assets.yourdomain.com) for maximum control and compliance.

API Proxying

Proxy all SDK traffic through your own infrastructure to keep all requests within your network.

Auto Event Capture

No manual event tracking or source maps needed. We capture clicks, scrolls, navigations, and form interactions automatically.

Zero Config

Works out of the box with any frontend framework. No build step changes or complex configuration required.

SRI & Security

Support for Subresource Integrity (SRI) and custom security policies to ensure your SDK is always secure.

Works with every framework

SupaStory is framework-agnostic. It works with any frontend technology—drop in the script tag or install @supastory/capture-sdk from npm. View setup guide →

React
React
Next.js
Next.js
Vue
Vue
Nuxt
Nuxt
Angular
Angular
Svelte
Svelte
Remix
Remix
Astro
Astro
Gatsby
Gatsby
SolidJS
SolidJS
Qwik
Qwik
HTML
HTML

Privacy-First

User data is anonymized by default. Sensitive data like passwords, credit cards, and form inputs are never captured.

Lightweight & Fast

Only ~9KB gzipped. Smaller than most analytics SDKs and won't impact your app's performance.

Uncompressed

27KB

Gzipped

~9KB

Comparable to analytics SDKs (e.g., Google Analytics ~17KB)
AI-First by Design

Built for AI-Native Workflows

SupaStory is built from the ground up for AI agents. Our AI finds UX issues — then use your Claude subscription to fix them directly in Claude Code, or chat about your data in Claude Desktop.

Claude Desktop

MCP Server Integration

Claude Desktop
SupaStory Connected

What are the top issues hurting conversions this week?

I found 3 critical issues:

Payment button not responding+3.2%
Form abandonment at checkout+1.8%
Dead click on promo code+0.9%

Get the code fix for the payment button issue

Chat with Claude about your SupaStory data. Ask about issues, conversion blockers, and sessions — then ask Claude to pull the fix and apply it, all in one conversation.

Ask about issues, sessions, and conversion impact
Pull code fixes and apply them conversationally
Natural language queries across all your data
Set up in minutes

Claude Code

Fix Issues with Your Subscription

claude-code
SupaStory Skill Active
$Fix the checkout button issue SupaStory found in issue #142
Fetching issue context from SupaStory...
components/checkout-button.tsx
const handleSubmit = async () => {
  setLoading(true)
  const res = await checkout(cart)
  setLoading(false)
}
+1 file patchedcomponents/checkout-button.tsx

Use your Claude subscription to fix the issues SupaStory finds. Claude Code gets full context from our MCP server — the issue, the affected code, and the suggested fix — then writes the patch directly in your repo.

Fix SupaStory-detected issues with your Claude subscription
Full issue context passed automatically via MCP
Writes production-ready patches in your codebase
Get started

Your AI UX team that never sleeps

Fully Automated Workflow

AI finds issues automatically, writes code fixes, and creates PRs. You review and deploy. Save 10+ hours per week and fix issues faster.

Sessions Analyzed Today

0100% coverage

Hourly Session Monitoring

< 2s

Avg Response

99.9%

Uptime

310

Issues/Day