首页/UI/UX 设计/firecrawl-demo-walkthrough
F

firecrawl-demo-walkthrough

by @firecrawlv
4.5(120)

利用 Firecrawl 浏览器自动遍历产品关键流程,生成结构化的用户体验/产品功能演练报告。适用于注册、引导、定价、文档、仪表盘等场景的 UX 拆解与首次体验分析。

ux-analysisproduct-walkthroughusability-auditautomationGitHub
安装方式
npx skills add https://github.com/firecrawl/firecrawl-workflows --skill firecrawl-demo-walkthrough
compare_arrows

Before / After 效果对比

1
使用前

手动进行产品体验流程分析,截图、撰写报告耗时耗力,报告结构不统一,容易遗漏关键细节。

使用后

通过自动化浏览器遍历产品流程,快速生成结构化、详细的 UX/产品演练报告,显著提升分析效率和报告质量。

SKILL.md

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.

用户评价 (0)

发表评价

效果
易用性
文档
兼容性

暂无评价

统计数据

安装量15.0K
评分4.5 / 5.0
版本
更新日期2026年6月17日
对比案例1 组

用户评分

4.5(120)
5
37%
4
43%
3
13%
2
5%
1
2%

为此 Skill 评分

0.0

兼容平台

🤖claude-code

时间线

创建2026年5月22日
最后更新2026年6月17日
🎁 Agent 知识卡片