Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    quickcast qa assistant

    1

    Convert screen recordings into Playwright E2E tests, timestamped bug reports, and step-by-step SOP documentation.

    Free

    Security scanned
    quickcast qa assistant

    quickcast qa assistant

    Example session with this skill installed

    I just recorded a bug where the checkout button fails. Can you generate a Playwright test to reproduce it and a GitHub bug report from the latest session?

    • Read your context and instructions
    • Compiled the quickcast qa assistant

    I have retrieved the session data from your latest recording (Session ID: qc_88291_x) and generated both the reproduction test and the formatted bug report.

    Playwright Reproduction Test

    import { test, expect } from '@playwright/test';

test('reproduce checkout button failure', async ({ page }) => {
  // Environment: Chrome / macOS
  await page.goto('https://shop.example.com/cart');

  // Step 1: User navigates to cart
  await expect(page).toHaveURL(/.*cart/);

  // Step 2: Attempt to click checkout
  const checkoutBtn = page.getByRole('button', { name: /proceed to checkout/i });
  await expect(checkoutBtn).toBeVisible();
  
  // Capturing potential runtime crashes
  page.on('pageerror', exception => {
    console.log(`Uncaught exception: "${exception.message}"`);
  });

  await checkoutBtn.click();

  // Assertion: Check for success state or error message
  // Based on recording, the URL did not change to /checkout
  await expect(page).toHaveURL('https://shop.example.com/checkout');
});

    GitHub Bug Report

    Title: Bug: Checkout button unresponsive on /cart
    Environment: Chrome 124.0.5, macOS 14.4
    Video Evidence: Watch Recording

    Reproduction Steps

    1. Navigate to https://shop.example.com/cart 00:02
    2. Add item to cart and proceed to summary 00:08
    3. Click 'Proceed to Checkout' button 00:15

    Observed Behavior

    The button displays a click animation but does not initiate a redirect or show a loading state at 00:16. Console shows a 403 error for /api/v1/checkout/validate.

    Expected Behavior

    The user should be redirected to the secure checkout page.

    Next steps

    1. Save the reproduction code to tests/repro_issue_checkout.spec.ts.
    2. Run npx playwright test to verify the failure locally.
    3. Submit the Markdown report to the repository issue tracker.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Manual test writing is a bottleneck. Converting screen recordings into actionable code usually requires hours of manual mapping, locator identification, and report writing. This skill bridges the gap between a visual demo and a production-ready codebase.

    What it does

    • Playwright generation creates executable TypeScript or JavaScript E2E tests by mapping user actions from recordings to resilient locators.
    • Deep-linked bug reporting formats GitHub and Jira issues with timestamped video links that jump to the exact moment of failure.
    • SOP documentation generates step-by-step operational guides with timecode references for onboarding and team handovers.
    • Session inspection retrieves telemetry, network diagnostics, and environment data from the latest recording sessions.

    How it works

    1. Fetch session data using get_latest_session to pull video URLs, duration, and telemetry from the QuickCast MCP server.
    2. Generate assets by calling specific tools like scaffold_playwright_test or format_github_bug_report.
    3. Refine and harden the output by adding auto-waiting assertions, resilient role-based locators, or environment matrices.

    Frameworks & tools

    This skill requires the quickcast-mcp server. It produces code and documentation for Playwright, GitHub, Jira, and standard Markdown environments.

    Why this beats prompting it yourself

    Writing reliable Playwright tests from memory is error-prone. This skill uses direct session telemetry to ensure locators match the actual DOM state and injects precise video timestamps that general-purpose prompts cannot access without specialized MCP tool integration.

    Use cases

    • Convert a quick UI bug reproduction video into a functional Playwright regression test.
    • Generate high-fidelity GitHub issues that link directly to specific seconds in a demo video.
    • Create technical SOPs for complex internal workflows based on a recorded screen walkthrough.

    Known limitations

    Requires the quickcast-mcp server to be configured in your environment. Test generation is optimized for Playwright and may require manual tweaks for non-standard web components.

    How to use

    Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean 11 days ago

    • Free to download with an account

    Requires

    Quickcast MCP
    Node.js
    playwright

    Listed11 days ago

    What's inside

    Frequently Asked Questions