In this video· click a step to jump to it
Test recording
Calabash — detective-board walkthrough (Ackroyd tutorial)
74,911 ms · 0 pixels changed · matches baseline
We built this regression test for guesswhat-studio.github.io — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against guesswhat-studio.github.io. Claim it into your own workspace and re-run it on every deploy — free.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
const settle = () => page.waitForLoadState('networkidle').catch(() => {});
const base = baseUrl || 'https://guesswhat-studio.github.io';
await page.route('**/*', (route) => {
const u = route.request().url();
if (/email-decode|cloudflareinsights|googletagmanager|google-analytics|hotjar|fullstory|posthog/.test(u)) return route.abort();
return route.continue();
});
stepLogger.log('Scenario 1: Welcome dialog');Checks run
Notes from the demo run
AI-generatedCalabash (guesswhat-studio.github.io/Calabash) by u/Typical_Loss_6812 is a local-first, open-source detective board for mystery readers. Track characters, aliases, clues, relationships, timelines, and theories without an AI solver giving away the answer. Welcome dialog ships 4 entry points: Blank book, Puzzle contest template, Roger Ackroyd tutorial (Hercule Poirot board with portraits + chapter marks), Kindaichi tutorial (alias/reveals/masked identities). All data lives in the local browser; no signup, no cloud sync. Two board styles: Text and Portrait.
- Anti-AI positioning — 'I still do the thinking myself'The launch post explicitly rejects the AI-summarizer category: 'I didn't want an AI tool that solves or summarizes the mystery for me. I wanted something closer to a local detective board where I still do the thinking myself.' For a 2026 launch this counter-positioning is rare and well-targeted — the mystery-reader audience is exactly the cohort allergic to spoilers and to LLMs that synthesize-before-asking.
- Four entry points on the welcome dialog (not just 'New project')Blank book / Puzzle contest template / Roger Ackroyd tutorial (Christie's classic) / Kindaichi tutorial (Japanese manga detective). Each is a curated demo for a different reading style. Visitor goes from 'huh, what is this?' to 'oh, I get exactly what this is for' in one click. Most local-first apps ship empty templates and lose the user at the cold-start moment.
- Two board styles (Text + Portrait) — same data, different visual modeToggling between Text and Portrait re-renders the same character/relationship graph with different node templates. Portrait mode is the literal corkboard-with-photos detective aesthetic; Text is for power users who want the data without the chrome. Single toggle, no settings cascade.
- Chapter-gated spoiler protection ('Protect chapter 1')Top toolbar has a 'Protect chapter X' button. Visitors who haven't reached chapter X can't accidentally see future-chapter clues even if they share a board with a friend. This is the differentiating feature — most note-taking tools require you to manually hide things; Calabash bakes spoiler-control into the data model.
- Export full library + import backup — proper local-first hygiene'Export Library before switching devices or testing risky builds.' The founder explicitly tells you to back up before beta-build risk. That's the kind of warning a privacy-aware, IndexedDB-first founder writes — not the 'we're in beta, sorry' boilerplate. Trust-building.
- Welcome dialog has 4 CTAs of equal visual weightBlank / Puzzle template / Ackroyd / Kindaichi — all four look the same. A first-time visitor has no signal about which to try first. Subtle hierarchy (e.g., 'Recommended: Ackroyd tutorial — see how it works in 60 seconds') would reduce the cold-start hesitation.
- Floating panel UI on small viewports could overlap the canvasSidebar (left), Inspector (right), and toolbar (top) are all open by default. On a 13-inch laptop the central board space gets squeezed. Mobile/small-screen visitors won't have a great experience — even though the tool is desktop-first, a 'Hide all panels' single-shortcut would help.
- GitHub repo URL is the only link to sourceFooter 'GitHub' link is the only way to find the codebase. The README is presumably good, but a one-paragraph 'How Calabash stores your data' on the home page (or inside Settings) would head off the 'wait, is my data going to be sold' question that local-first products get asked first.
Share this run
Proof your app is not AI slop
This test was built for guesswhat-studio.github.io — claim it free
One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.