firecrawl-demo-walkthrough
firecrawl/firecrawl-workflows
Walk through product flows with Firecrawl browser to produce structured UX/product walkthroughs.
What is firecrawl-demo-walkthrough?
Automates step-by-step documentation of product experiences using Firecrawl's browser automation. Navigate signup, onboarding, pricing, docs, dashboards, and other key flows to generate a structured walkthrough report with observations, friction points, and recommendations.
- Navigate product flows using Firecrawl browser automation
- Capture screenshots and scrape page content at each step
- Document user-visible screens, CTAs, forms, and transitions
- Parallelize exploration across multiple product areas (homepage, signup, pricing, docs, dashboard, support)
- Generate structured markdown walkthrough with findings and recommendations
- Preserve all visited URLs for reproducibility
How to install firecrawl-demo-walkthrough
npx skills add https://github.com/firecrawl/firecrawl-workflows --skill firecrawl-demo-walkthrough- Firecrawl API key (set FIRECRAWL_API_KEY environment variable)
- Target product URL
How to use firecrawl-demo-walkthrough
- 1.Provide the product URL and optionally specify flow focus (full/signup/pricing/docs/dashboard/onboarding)
- 2.The skill will ask clarifying questions only if URL or focus is unclear
- 3.Firecrawl browser navigates the product, capturing screenshots and scraping content at each step
- 4.Sub-agents explore parallel areas (homepage, signup, pricing, docs, dashboard, help) if appropriate
- 5.Review the generated markdown walkthrough with product overview, flow steps, key findings, and recommendations
- 6.Rerun with different focus parameters to explore additional flows
Use cases
- Analyze competitor product onboarding and signup flows
- Document first-run experience and initial user friction
- Prepare product demos by mapping key user journeys
- Conduct UX teardowns to identify design patterns and pain points
- Evaluate pricing page clarity and plan presentation
- Product managers evaluating competitor products
- UX researchers conducting product analysis
- Sales teams preparing demo walkthroughs
- Developers assessing API documentation quality
- Design teams studying interaction patterns
firecrawl-demo-walkthrough FAQ
Provide the product URL. Do not submit real credentials, purchases, or irreversible actions unless explicitly instructed and authorized.
Yes. Specify focus as 'full', 'signup', 'pricing', 'docs', 'dashboard', or 'onboarding' to narrow the walkthrough scope.
The skill will ask for guidance. Do not provide real credentials unless you have explicit permission and the user instructs it.
Observations are specific about screens, CTAs, forms, and transitions. Friction points and design patterns are documented separately from opinions.
Yes. The final report includes rerun inputs showing the workflow name, URL, and focus parameter for easy reproduction.
Full instructions (SKILL.md)
Source of truth, from firecrawl/firecrawl-workflows.
name: firecrawl-demo-walkthrough description: Walk through a product's key flows with Firecrawl browser and produce a structured UX/product walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis. license: ISC metadata: author: firecrawl version: "0.1.0" homepage: https://www.firecrawl.dev source: https://github.com/firecrawl/firecrawl-workflows inputs:
- name: FIRECRAWL_API_KEY description: Firecrawl API key for hosted Firecrawl requests. required: true
Firecrawl Demo Walkthrough
Use this to document a product experience step by step.
Onboarding Interview
Infer the product URL, flow focus, and output format from context. If the URL is clear, proceed immediately.
Ask at most 1-3 concise questions only if blocked, such as the URL, desired flow focus, or credentials/constraints for protected areas.
Firecrawl Collection Plan
Use Firecrawl browser to open the product and navigate key flows. Snapshot at each step, scrape pages when useful, and document what the user sees and can do.
Do not submit real credentials, purchases, or irreversible actions unless the user explicitly instructs and has permission.
Parallel Work
If appropriate, use sub-agents or equivalent parallel task runners:
- Homepage and Marketing
- Signup and Onboarding
- Pricing and Plans
- Docs and Developer Experience
- Dashboard and Core Product
- Help and Support
Each walker should return screens visited, actions taken, observations, friction, and source URLs.
Final Deliverable
# Product Walkthrough: [Product]
## Product Overview
[What the product does]
## Flow Walkthroughs
### [Flow Name]
1. [Screen/Page] - what appears and what action is available
2. [Next Screen] - what changes
## Key Findings
[First impression, standout patterns, friction points]
## Recommendations
[UX/product improvements]
## Pages Visited
[URLs]
## Rerun Inputs
workflow: firecrawl-demo-walkthrough
url: [url]
focus: [full/signup/pricing/docs/dashboard]
Quality Bar
- Be specific about screens, CTAs, forms, and transitions.
- Separate observation from opinion.
- Preserve every page visited.
Related skills
More from firecrawl/firecrawl-workflows and the wider catalog.
firecrawl-deep-research
Produce rigorous, cited analytical reports on complex topics with multi-angle research and contrarian views.
firecrawl-research-papers
Find and synthesize research papers, whitepapers, and technical reports using semantic search and paper expansion.
firecrawl-website-design-clone
Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scraping.
firecrawl-market-research
Extract market, financial, and company metrics from web sources using Firecrawl for structured research reports.
firecrawl-knowledge-base
Build organized, LLM-ready knowledge bases from web content using Firecrawl.
firecrawl-seo-audit
Comprehensive SEO audit with site mapping, on-page analysis, keyword opportunities, and competitor SERP comparison using Firecrawl.