mcpField
F
firecrawl-demo-walkthrough

firecrawl-demo-walkthrough

github.com/firecrawl设计与 UI1393.7k 次安装6 天前更新
代码仓库

关于 firecrawl-demo-walkthrough

用于借助 Firecrawl browser 按步骤记录产品体验的 Skill，涵盖页面与操作，并对敏感或不可逆操作设有限制。

主要功能

  1. 01根据上下文推断产品 URL 和流程
  2. 02使用 Firecrawl browser 浏览关键流程
  3. 03记录页面、操作和观察结果
  4. 04支持并行执行浏览任务
  5. 05区分观察事实与评价

适用场景

  1. 01记录注册与引导流程
  2. 02梳理仪表盘页面及可执行操作
  3. 03查看定价页面和产品文档

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/firecrawl/skills --skill firecrawl-demo-walkthrough

安装后在 Claude Code 中输入/firecrawl-demo-walkthrough确认已加载。

详细介绍

Firecrawl 演示流程

用此文档逐步记录产品体验。

入门访谈

根据上下文推断产品 URL、流程重点和输出格式。如果 URL 明确，请立即开始。

只有在遇到阻碍时，才提出至多 1-3 个简洁问题，例如 URL、所需的流程重点，或受保护区域的凭据/限制。

Firecrawl 采集计划

使用 Firecrawl 浏览器打开产品并浏览关键流程。在每一步截取页面快照；必要时抓取页面内容，并记录用户看到的内容和可以执行的操作。

除非用户明确指示且获得许可，否则不要提交真实凭据、进行购买或执行不可逆操作。

并行工作

如适用，请使用子 Agent 或同等的并行任务运行器：

  • 首页和营销
  • 注册和入门
  • 定价和套餐
  • 文档和开发者体验
  • 控制面板和核心产品
  • 帮助和支持

每位浏览者都应返回访问过的页面、执行过的操作、观察结果、阻碍点和来源 URL。

最终交付

# 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]

质量标准

  • 具体说明页面、行动号召、表单和流程转换。
  • 区分观察结果和观点。
  • 保留访问过的每个页面。

评论

支持 Markdown