ホーム/UI/UXデザイン/firecrawl-demo-walkthrough
F

firecrawl-demo-walkthrough

by @firecrawlv
4.5(120)

Firecrawlブラウザを使用して製品の主要なフローを自動的にウォークスルーし、構造化されたUX/製品レポートを生成します。サインアップ、オンボーディング、価格設定、ドキュメント、ダッシュボードなどの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 知識カード