mcpField
F
firecrawl-demo-walkthrough

firecrawl-demo-walkthrough

github.com/firecrawl设计与 UI21231.2k 次安装1 周前更新
代码仓库

关于 firecrawl-demo-walkthrough

用于逐步记录产品体验的技能。它借助 Firecrawl 检查关键流程，整理页面、操作、跳转和使用阻碍，供产品与设计团队参考。

主要功能

  1. 01使用 Firecrawl 浏览产品流程
  2. 02记录界面和页面细节
  3. 03整理操作与页面跳转
  4. 04区分观察与评价

适用场景

  1. 01记录注册和引导流程
  2. 02逐步查看产品仪表板
  3. 03检查定价与开发者文档

安装

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

$npx skills add https://github.com/firecrawl/firecrawl-workflows --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