Developer Tools · AI-Powered

Code Sync
Without
Breaking Things

Mediator watches your backend OpenAPI spec, detects every change, and uses Claude AI to regenerate your frontend — preserving every line of custom code you've written.

🐙 GitHub Webhook push 🤖 Claude AI Domain detection Pull Request Smart merge
// mediator sync pipeline
01
Webhook Trigger
Backend pushes to GitHub → Mediator receives event, fetches new OpenAPI spec
X-GitHub-Event: push
02
Change Detection
SHA-256 hash comparison identifies exactly what changed in the API
Product.discount added
03
Claude AI Generation
Domain analyzer classifies your app (POS, CRM, Inventory…) and generates optimal UI patterns
~$0.03 per sync
04
Smart Merge
AI preserves your custom code, auto-merges safe changes, flags conflicts
✓ 3 preserved · 15 updated
05
Pull Request Created
Reviewed by your team before merge — you stay in control
branch: generator/update-*

95%
Domain Confidence
~$0.03
Avg Cost / Sync
20s
Full Regen Time
100%
Custom Code Preserved

// how it works

Three Phases.
One Living Codebase.

Mediator transforms the traditional "generate once and abandon" pattern into a continuous, living sync loop between your backend and frontend.

OLD WAY Generate once Customise code API changes 😱 STUCK VS MEDIATOR WAY 🔔 API change 🤖 AI regen 🔀 PR review ✏️ Customise ♻️ forever no code lost
01
📡
Detect API Changes

Webhooks from GitHub or GitLab trigger Mediator the moment your backend team merges an API update. OpenAPI spec is fetched, hashed, and compared against the last known state — only real changes proceed.

02
🤖
AI Domain Intelligence

Claude AI reads your OpenAPI spec and classifies the business domain — POS, CRM, Inventory, E-Commerce, and more. It then selects domain-specific UI patterns rather than generating generic CRUD forms.

03
🔀
Smart Merge & PR

Custom-created files are untouched. Unmodified generated files are fully replaced. Modified generated files get an intelligent merge — your business logic preserved, new API fields integrated.


// before vs after

Rule-Based vs
AI-Powered

The same OpenAPI POST /transactions endpoint. Two completely different outputs.

TransactionCreate.razor
Phase 1 — Rule-Based
1 <EditForm>
2   <InputText Label="Customer" />
3   <InputText Label="Items" />
4   <InputNumber Label="Total" />
5   <button>Submit</button>
6 </EditForm>
  // Generic form
  // No domain context
  // No business logic
TransactionCreate.razor
Phase 2 — AI Domain Intelligence
1 <MudGrid>
2  // Left: Product Search Grid
3  <MudItem xs="7">
4   <MudAutocomplete
5    SearchFunc="SearchProducts"
6    Label="Search products" />
7   <MudGrid> // Product tiles
8  // Right: Shopping Cart
9  <MudItem xs="5">
10  <MudList> // Cart items
11  <MudButton Color="Success">
12    Complete Sale
🧠
AI understood the business intent
POST /transactions + items array + payment fields → Claude classified as Point of Sale domain → Full POS screen with shopping cart, search, and payment flow generated automatically.

// continuous sync

Your Code Survives
Every API Change

Generate once, customise freely, sync forever. Mediator turns a one-time tool into a permanent development partner that grows with your API.

// sync event log
🔔
Webhook received
Push to main branch on mycompany/pos-backend detected
X-Hub-Signature-256 verified
🔍
API change detected
OpenAPI hash mismatch — fetching new spec from backend branch
Product.discount: number (NEW)
🤖
Claude AI regenerating
Domain: PointOfSale (0.95 confidence) — Updating Product model, list page, create form
15 files regenerated
🧠
Smart merge complete
3 developer-customized files preserved. ProductsList.razor — auto-merged new column + custom filters
0 conflicts · 3 preserved
🔀
Pull request created
Ready for review at mycompany/pos-frontend #42
generator/update-20260225
// merge strategy
File Type Strategy Result
Product.cs (model) Full regenerate ✓ Auto
ProductCreate.razor Intelligent merge ✓ Merged
CustomFilters.razor Preserve untouched ✓ Kept
ProductsList.razor * Custom logic + new fields ⚠ Review
// pull request preview
M
🤖 Automated API Update #42
mediator-bot opened · generator/update-20260225
// api changes detected
Modified entity: Product — added field discount
// files updated
Models/Product.cs auto-merged ✓
Services/ProductService.cs regenerated ✓
Pages/Products/ProductCreate.razor smart merge ✓
Pages/Products/ProductsList.razor review needed ⚠
// developer files preserved
Pages/Products/CustomFilters.razor untouched ✓
wwwroot/custom-styles.css untouched ✓
⚠ Manual review: ProductsList.razor — Add discount column inside your custom filters section on line 38.
// usage
# Enable AI sync
export ANTHROPIC_API_KEY="sk-ant-..."

# Run sync against new spec
dotnet run -- sync \
  --spec pos-api-v2.yaml \
  --github-repo mycompany/pos-frontend

// capabilities

Everything You Need
to Stay in Sync

pos-api.yaml /transactions: post: requestBody: items: array payment: obj total: decimal 🤖 Claude AI — Domain Analysis Detecting business domain... PointOfSale 95% CRM 16% Inventory 9% ✓ Domain: PointOfSale (0.95) ✨ Generated: TransactionCreate.razor Search products... Product grid Cart (3 items) Complete Sale
🤖
Claude AI Code Generation

Domain-aware code generation using Claude AI. Produces production-ready Blazor components, not just CRUD boilerplate.

🐙
GitHub & GitLab OAuth

Full OAuth 2.0 integration with GitHub and GitLab. Secure token storage, fine-grained permissions, automated PR creation.

🧠
Smart Merge Engine

Three-way merge strategy: regenerate untouched files, preserve custom files, intelligently merge modified generated files.

📊
Business Domain Detection

Classifies your API as POS, CRM, Inventory, E-Commerce, and more — selecting the right UI patterns for your domain automatically.

🔔
Webhook Automation

HMAC-verified webhooks from GitHub and GitLab trigger instant syncs. No manual intervention needed when APIs change.

📋
Full Job History

Complete audit trail of every sync job — status, changes made, files affected, errors, and PR links. Dashboard with real-time updates.


// tech stack

Built on a
Solid Foundation

Backend
• ASP.NET Core 8 (Minimal APIs)
• MediatR (CQRS pattern)
• FluentValidation pipeline
• JWT Bearer authentication
• Serilog structured logging
AI & Generation
• Claude API (Anthropic)
• OpenAPI spec parser
• MudBlazor component library
• Domain template library
• Rule-based fallback engine
Git Integration
• GitHub REST API v3
• GitLab API v4
• HMAC webhook verification
• OAuth 2.0 token management
• Encrypted token storage

// stop regenerating from scratch

Let Mediator
Do the Diff Work

Connect your repos, point it at your OpenAPI spec, and let Mediator keep your frontend in perfect sync — forever.