firecrawl-demo-walkthrough

โดย firecrawl

ดำเนินการตามขั้นตอนหลักของผลิตภัณฑ์ด้วยเบราว์เซอร์ Firecrawl และสร้างคู่มือการใช้งาน UX/ผลิตภัณฑ์ที่มีโครงสร้าง ใช้สำหรับการสมัครสมาชิก การเริ่มต้นใช้งาน ราคา เอกสาร แดชบอร์ด การเตรียมสาธิตผลิตภัณฑ์ การวิเคราะห์ UX และการวิเคราะห์ประสบการณ์การใช้งานครั้งแรก

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

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.

Skills เพิ่มเติมจาก firecrawl

firecrawl-research-index
firecrawl
ค้นหาเอกสารที่ตอบคำถามการวิจัยด้วย Firecrawl Research โดยใช้การค้นหาเชิงความหมาย การขยายผลเชิงความหมายและโครงสร้าง และการตรวจสอบภายในเนื้อหา ใช้ทักษะนี้เสมอสำหรับงานค้นหาวรรณกรรมหรือดึงเอกสาร ไม่ว่าจะเป็นการค้นหาเอกสารเดี่ยวหรือชุดเอกสารหลายชิ้น
data-analysisresearchweb-scraping
oracle
firecrawl
แนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ oracle CLI (การรวม prompt และไฟล์, เอ็นจิน, เซสชัน, และรูปแบบการแนบไฟล์)
pinecone
firecrawl
ฐานข้อมูลเวกเตอร์ที่จัดการแล้วสำหรับแอปพลิเคชัน AI ในระบบผลิต จัดการเต็มรูปแบบ ปรับขนาดอัตโนมัติ พร้อมการค้นหาแบบไฮบริด (dense + sparse) การกรองเมตาดาต้า และเนมสเปซ…
wpds
firecrawl
ใช้เมื่อสร้าง UI ที่ใช้ประโยชน์จาก WordPress Design System (WPDS) และส่วนประกอบ โทเค็น รูปแบบ ฯลฯ
audiocraft-audio-generation
firecrawl
ไลบรารี PyTorch สำหรับการสร้างเสียง รวมถึงการแปลงข้อความเป็นเพลง (MusicGen) และการแปลงข้อความเป็นเสียง (AudioGen) ใช้เมื่อคุณต้องการสร้างเพลงจากข้อความ…
skypilot-multi-cloud-orchestration
firecrawl
การจัดระเบียบการทำงานข้ามคลาวด์สำหรับภาระงาน ML พร้อมการปรับต้นทุนอัตโนมัติ ใช้เมื่อคุณต้องการรันงานฝึกอบรมหรืองานแบตช์ข้ามคลาวด์หลายแห่ง ใช้ประโยชน์จาก…
firecrawl-seo-audit
firecrawl
ตรวจสอบ SEO ของเว็บไซต์ด้วย Firecrawl ใช้เมื่อผู้ใช้ขอการตรวจสอบ SEO การตรวจสอบข้อมูลเมตาและหัวข้อ การวิเคราะห์แผนผังเว็บไซต์/โครงสร้างเว็บไซต์ โอกาสของคำสำคัญ การเปรียบเทียบ SERP ของคู่แข่ง หรือคำแนะนำการปรับแต่งการค้นหาที่จัดลำดับความสำคัญ
data-analysisresearchweb-scraping
gh-issues
firecrawl
ดึงข้อมูล Issue จาก GitHub สร้างเอเยนต์ย่อยเพื่อดำเนินการแก้ไขและเปิด Pull Request จากนั้นติดตามและจัดการกับความคิดเห็นในการตรวจสอบ PR การใช้งาน: /gh-issues [owner/repo] [--label…