In this video· click a step to jump to it
Test recording
Universal Prompt Designer — app walkthrough
53,981 ms · 92,308 pixels changed
We built this regression test for app.universalpromptdesigner.com — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against app.universalpromptdesigner.com. Claim it into your own workspace and re-run it on every deploy — free.
const shot = (n, slug) => `/tmp/s${n}_${slug}.png`;
// Block analytics noise
await page.route('**/*', async (route) => {
const u = route.request().url();
if (/hotjar|clarity\.ms|sentry\.io|analytics\.google|googletagmanager/.test(u)) {
await route.abort();
} else {
await route.continue();
}
});Checks run
Notes from the demo run
AI-generatedUniversal Prompt Designer is a structured AI prompt engineering tool built as a chat interface with two modes: Universal Prompt Designer (conversational) and Visual Prompt Architect (drag-and-drop). The interface surfaces suggested questions to orient new users and a credits system gates AI usage. The sidebar app-switching pattern cleanly separates the two tool modes.
- Dual-mode toolSwitching between chat (UPD) and visual (Architect) modes serves both technical and visual learners
- Suggested questionsPre-written FAQ questions onboard users to the tool without documentation reading
- Credits systemVisible credit counter creates clear usage accountability and natural upgrade prompt
- Light/dark themeTheme persisted in localStorage; consistent cross-session UI preference
- Professional use case framingProduct positions prompt engineering as a business skill, differentiating from generic AI assistants
- 15-credit limit visible immediatelyNew users see a low credit count before experiencing value — consider hiding count until 5 remain
- Chat input labelTextbox labelled What are we building is evocative but slightly ambiguous for prompt engineering newcomers
8 visual changes
Share this run
Proof your app is not AI slop
This test was built for app.universalpromptdesigner.com — 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.