SITE FEEDBACK · WITH PERSONALITY

Bugs don’t stand a chance against a flock.

Capture any change request where it happens: on the page. SuperDucks turns visual feedback from clients, teams, and autonomous ducks into engineering-ready PRs.

340k
marks filed by ducks
11s
median time to PR
89%
of marks become shipped code
0
sleeping ducks
TRY IT YOURSELF

Draw on the site. Watch the ducks work.

This is a live mock-up. Draw anywhere to flag an issue — or wait and watch ducks patrol, annotate, and generate fix prompts on their own.

staging.clientsite.com/dashboard
Acme Inc
DashboardReportsSettings
Performance Overview
Revenue
NaN
Users
1,284
Conversion
4.2%
Navigation
Home
Projects
Tasks
Calendar
Reports
Settings
Help
↓ overflow!
!
Company Logo
alt="" — MISSING
FAIL 2.1:1
Weekly Signups
Error: data undefined
Recent Projects
Enterprise Dashboard Redesign Q4CLIPPED
Activity Feed
⚡ No loading state
Draw anywhere to create a mark
SuperDucks
Draw on the site to create a mark

From annotation to merged PR.

Click through each step to see how a mark — human or duck — becomes a shipped fix in under 12 seconds.

staging.acme-app.com/settings
duck
“NaN showing in the metric card”
MetricCard.tsx:23
widget

You mark it, or a duck does.
Same pipeline either way.

step 01

Something’s off.

You draw on what looks wrong — or a duck finds it on patrol. Humans and ducks both file marks the same way, into the same pipeline.

human marks + autonomous patrols
Step 01 duck
step 02

Duck fetches context.

A duck walks the component tree at the mark. It pulls file paths, console errors, and filters out framework noise — automatically.

props · state · source maps · git history
Step 02 duck
step 03

PR appears.

You get a fix prompt that names exact files. One click dispatches a draft PR — and a duck retests after every deploy.

diff · file path · regression guard
Step 03 duck

Other tools see a screenshot. We see your codebase.

Whether a human drew the mark or a duck found it on patrol — four layers of context produce PR-ready diffs, not screenshot guesses.

Component tree
Mapped to the exact component — props, state, parent hierarchy.
App›Layout›Button
variant="primary"
disabled=true
onClick=ƒ handleSubmit
Source maps
Exact file path + line number from source maps, not guesswork.
src/ui/Button.tsx
40 return (
41 <button
42 className={cn(base, variant)}
43 >
Git history
Recent commits to affected components. Regressions traced to PRs.
a3f2c1drefactor button variants2h
e7b9a02add disabled state1d
91c4f8einit component lib3d
⚠ Regression introduced in a3f2c1d
Intent inference
Fixes use your tokens and conventions, not magic numbers.
Design tokens detected:
--color-primary-600
T
--radius-md
T
--font-sans
✓ Fix uses your tokens, not magic numbers
Benchmark results
94%
correct file
first try
71%
PRs merged
without edits
1.8s
median fix
suggestion

Your team’s triage desk.

Every mark — human-filed or duck-discovered — lands in one prioritized queue. Click any row to see exactly what your engineers get.

Open marks6
allbugsdesignsuggestions
/settings/billing
Save
M-0412Bug
Critical

Button contrast fails WCAG AA

Component trace
Button›SettingsLayout›BillingPage
src/ui/Button.tsxL42/settings/billing
AI fix prompt

The primary button variant uses `--color-gray-400` on a white background, producing a 2.1:1 contrast ratio. Replace with `--color-primary-700` to achieve 7.2:1.

Fix ready
NOT JUST BUGS

Anyone — or any duck — can file a mark. Engineers get a PR.

👤ClientDesign

"Logo should be bigger on mobile"

PR dispatched
📋Product ManagerSuggestion

"Move pricing toggle above the fold"

PR dispatched
🎨DesignerDesign

"Increase section padding to 64px"

PR dispatched
🦆Autonomous DuckBug

"Button contrast fails WCAG AA at 2.1:1"

PR dispatched

Everything you need to ship confidently.

Multi-environment
Marks follow the code, not the URL. One workspace sees staging, previews, and local dev.
staging
preview
localhost
→ same workspace
Git integration
One click dispatches a fix prompt directly into a pull request on GitHub, GitLab, or Bitbucket.
⬤
fix: button contrast ratio
merged
+2 −1 · src/ui/Button.tsx
Priority triage
AI auto-classifies severity by impact and component importance. Focus on what matters.
Critical
2
High
5
Medium
8
Low
3
Team permissions
Everyone gets the context they need. No noise, no access they don't.
D
Designer→ Projects + marks
E
Engineer→ Triaged fixes + diffs
P
PM→ Metrics + reports
Webhooks & API
Push marks into any system. Full REST API for custom automation and workflows.
Slack
Linear
Jira
GitHub
REST API

Pick the duck for the job.

Each duck has a temperament, a beat, and a budget. They share a single dashboard with your humans — same marks, same triage.

18marks filed in 30 days
84%confirmed real bugs
$12per duck / month avg
Base
Base
Visual QA

Layout shifts, broken images, overlapping elements across every viewport.

Cartographer
Cartographer
Flow Tester

Walks user journeys end-to-end. Dead-end states and broken paths.

Editor
Editor
Accessibility

ARIA labels, contrast ratios, focus order, screen reader output.

Skeptic
Skeptic
Trust Auditor

Polish, empty states, loading quality — would a customer trust this?

Speedrunner
Speedrunner
Performance

Slow renders, layout thrashing, memory leaks, bundle weight.

01
Assign a beat

Give a duck a page, a flow, or an entire domain. It patrols on a schedule you set — hourly, daily, or on every deploy.

02
It finds, files, and fixes

Each patrol files marks with full context: screenshot, component trace, DOM snapshot, and a ready-to-merge fix prompt.

03
Budget controls

Set a monthly cap per duck. The coordinator pauses patrols before you hit the ceiling. No surprise bills.

Screenshots in Slack vs. SuperDucks

FeatureOld waySuperDucks
Mark with full context✗✓
AI-generated fix prompts✗✓
Auto file path + line number✗✓
Autonomous background patrol✗✓
One-click PR dispatch✗✓
Component tree awareness✗✓
Works on any site✓✓
Free tier available✓✓

One script tag. Every environment.

Drop the snippet into any HTML page or framework. SuperDucks auto-detects your component tree, captures DOM state, and connects to your Git provider.

ReactNext.jsVueSvelteAstroPlain HTML
index.html
<script src="https://cdn.superducks.dev/widget.js"></script>
<script>
  SuperduckyWidget.init({
    organizationId: 'your-org-id',
    environmentId: 'your-env-id',
    apiBaseUrl: 'https://api.superducks.dev'
  })
</script>
Listening for first heartbeat…0:42

Shipping faster with less friction.

We replaced our entire QA feedback pipeline with SuperDucks. Clients mark issues directly, we get a PR by lunch. No more "can you send a screenshot?" conversations.

S
Sarah Chen
Engineering Lead · Radius Studio

The ducks caught a critical accessibility issue at 3am that would have blocked our launch. Worth it for the autonomous patrols alone.

M
Marcus Rivera
CTO · Formwork

Our design team files 4x more actionable feedback now. They draw, the AI figures out the file path and suggests the fix. Engineers love it.

J
Jess Park
VP Design · Canopy Health
PRICING

Humans are free. Ducks earn their keep.

Every plan includes unlimited marks and AI fix prompts. Hire ducks when you’re ready — they bill at compute cost, controlled by your budget.

Solo Egg
$0/forever

Up to 5 collaborators — engineers, designers, clients. Unlimited marks. AI fix prompts.

  • ✓5 collaborators (any role)
  • ✓Unlimited marks
  • ✓AI fix prompts
  • ✓1 workspace
  • ✓All frameworks
Pond’s pick
Full Pond
$12/seat / month

Unlimited collaborators, integrations, audit log. Hire ducks at compute cost.

  • ✓Unlimited collaborators
  • ✓Unlimited marks + AI fix prompts
  • ✓Unlimited workspaces
  • ✓Git integration (PR dispatch)
  • ✓Slack, Linear, Jira webhooks
  • ✓Priority triage + analytics
  • ✓Hire ducks — budget-controlled
Enterprise
SSO, SOC 2, GDPR, SLA, dedicated support, custom duck fleets.

Security and compliance built in.

✓
SOC 2 Type II
Annual audit by independent third-party. Full controls documentation available under NDA.
✓
GDPR compliant
EU data residency option. DPA included on all plans. No data sold to third parties.
✓
Zero source storage
We never store your source code. Component trees are read-only and ephemeral.
✓
99.9% SLA
Enterprise-grade uptime commitment. Multi-region failover. Transparent status page.
FAQ

Common questions.

Can’t find what you’re looking for? Reach out to our team — we respond within the hour.

Under 60 seconds. Add one script tag to your HTML, connect your Git provider, and invite your team. SuperDucks auto-detects your framework and component tree.

Yes. React, Next.js, Vue, Nuxt, Svelte, SvelteKit, Astro, Remix, Angular, and plain HTML are all supported. If it renders in a browser, ducks can patrol it.

Ducks are AI agents that continuously browse your environments using headless Chrome. They detect visual regressions, accessibility violations, broken states, and performance issues — then file marks with full context and fix suggestions.

We never store source code. The widget reads the live DOM and component tree in the browser. Fix suggestions reference file paths extracted from source maps, but your actual source stays in your repo.

Yes — and that's the point. Clients, PMs, and designers draw on the live site to request changes, not just report bugs. They see a clean feedback portal; engineers see triaged marks with file paths and AI suggestions. No screenshots-over-Slack. Role-based access keeps your codebase completely isolated.

The free tier is permanent — unlimited marks, 3 autonomous ducks, 1 workspace. Paid plans unlock more ducks, workspaces, advanced analytics, SSO, and priority support.

Ready to ship with confidence?

Stop filing screenshots.
Start shipping fixes.

Set up in 60 seconds. No credit card required. Your first 3 ducks are free forever.

Free tier foreverNo credit cardSetup in 60sSOC 2 Type II