firecrawl-demo-walkthrough

Documents product flows with Firecrawl browser into structured UX walkthrough reports.

Updated Aug 2, 2026
One-click install
npx skills add https://github.com/leonardoacosta/agents --skill firecrawl-demo-walkthrough-leonardoacosta
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: firecrawl-demo-walkthrough
Source: https://github.com/leonardoacosta/agents/tree/main/skills/firecrawl-demo-walkthrough
Command: npx skills add https://github.com/leonardoacosta/agents --skill firecrawl-demo-walkthrough-leonardoacosta

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually clicking through a product to document its signup, onboarding, pricing, and dashboard flows is slow and inconsistent. This Skill automates structured product walkthroughs using the Firecrawl browser, producing a repeatable UX and product analysis deliverable. ## Core Features & Use Cases - Guided Flow Walkthroughs: Navigates key product flows (signup, onboarding, pricing, docs, dashboard) with Firecrawl browser, snapshotting each step. - Parallel Exploration: Splits coverage across parallel walkers for homepage, onboarding, pricing, docs, dashboard, and support areas. - Structured Deliverable: Produces a Markdown report with flow walkthroughs, key findings, recommendations, pages visited, and rerun inputs. - Use Case: Before a product demo or UX teardown, point the Skill at a product URL and receive a step-by-step walkthrough documenting screens, CTAs, friction points, and improvement recommendations. ## Quick Start Walk through https://example.com with Firecrawl and produce a structured product walkthrough covering signup, pricing, and the dashboard.

Frequently Asked Questions about firecrawl-demo-walkthrough

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document a product's onboarding flow automatically?

Provide the product URL and let the Firecrawl browser navigate the signup and onboarding steps, snapshotting each screen. The result is a structured walkthrough listing screens visited, available actions, friction points, and recommendations.

What is a UX teardown and how do I run one on a website?

A UX teardown is a step-by-step analysis of a product's key flows such as signup, pricing, and dashboard. This Skill runs one by browsing the product with Firecrawl, recording observations separately from opinions, and compiling findings into a Markdown report.

Does the Firecrawl walkthrough require an API key?

Yes, a FIRECRAWL_API_KEY is required for hosted Firecrawl requests. Set it as an environment input before running the walkthrough so the browser can open pages, snapshot steps, and scrape content.

Can the walkthrough handle pages behind login or checkout?

It does not submit real credentials, purchases, or irreversible actions unless the user explicitly instructs it and has permission. For protected areas, provide constraints or credentials guidance during the onboarding interview.

What does the final product walkthrough report include?

The report contains a product overview, per-flow step walkthroughs, key findings with standout patterns and friction points, UX recommendations, a list of all pages visited, and rerun inputs for repeating the analysis.