In this video· click a step to jump to it
Test recording
Crewdle AI — app walkthrough
85,484 ms · 0 pixels changed · matches baseline
We built this regression test for Crewdle AI — app walkthrough — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against Crewdle AI — app walkthrough. 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`);
// Block analytics / tracking to suppress console noise
await page.route('**/*', (route) => {
const url = route.request().url();
const blocked = ['google-analytics', 'gtm.js', 'hotjar', 'posthog', 'segment.io', 'fullstory', 'pendo.io', 'intercom', 'mixpanel', 'amplitude'];
if (blocked.some(b => url.includes(b))) return route.abort();
return route.continue();
});
// Step 1: Navigate to loginChecks run
Notes from the demo run
AI-generatedCrewdle AI is a multi-product AI workspace admin panel. The onboarding flow is clean — account creation sets up an org immediately, and the dashboard surfaces a gamified credits system with actionable next steps. A fixed left sidebar with 9 sections (Home, Products, Models, Integrations, Usage, Agents, Billing, Members, Organization, API Keys) provides consistent navigation. Products include Chat (AI assistant), Connect (autonomous agents), and Create (image/video/audio generation).
- Org onboardingCreate Organization modal appears on first login; immediately unlocks the full admin panel with a single keystroke.
- Credits gamificationDashboard shows a 50/600 credits progress bar with 7 specific tasks — strong activation mechanic for new users.
- Multi-product workspaceThree distinct AI sub-apps (Chat, Connect, Create) unified under one admin panel with consistent nav.
- Model access controlsDedicated /model-access section lets admins control which AI models the org can use — enterprise-ready governance.
- MCP IntegrationsIntegrations tab supports Model Context Protocol connections — first-class MCP tooling support.
- Agents managementAgents section tracks every autonomous AI agent with owner, connectors, activity and spend metrics.
- API Keys managementTeam-level API key provisioning for programmatic access to Crewdle services.
- A11y score: 100Perfect accessibility score on all 11 steps — clean, semantic Angular implementation.
Share this run
Proof your app is not AI slop
This test was built for Crewdle AI — app walkthrough — 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.