ทักษะ Codex · จับภาพหน้าเว็บ

Website Screenshot Agent ทักษะ Codex

Website Screenshot Agent for Codex automates website capture, competitor page monitoring, and Markdown report generation from your terminal. Use it when your team needs repeatable snapshots and structured evidence instead of ad-hoc browser screenshots.

Codex Automated page capture
doc-screenshot-agent process cases/competitor-monitoring.md
Reading capture plan and preparing browser sessions...
Capturing websites and writing the Markdown report...
Markdown report written to output/reports/competitor-monitoring.md

Built for Codex users who need repeatable website snapshots and Markdown-ready reports without leaving the terminal.

Codex skill
website screenshot automation
npm install
one-command setup
Batch
multi-page capture workflows
Markdown
report-ready output

การจับภาพหน้าจอเว็บไซต์แบบแมนนวลจะใช้เวลาช่วงที่การวิจัยต้องขยายขนาด

ทีมที่ทำการวิจัยคู่แข่ง การตรวจสอบเว็บไซต์ หรือเอกสารการตรวจสอบ ประสบปัญหาเดียวกัน: การจับภาพหน้าต่างๆ ด้วยตนเองนั้นช้า ไม่สอดคล้องกัน และเป็นไปไม่ได้ที่จะดูแลรักษาทั่วทั้งไซต์หลายสิบแห่ง

หน้าคู่แข่งเปลี่ยนแปลงก่อนที่รายงานจะเสร็จสิ้น

ตารางราคา พาดหัวข่าวของ Hero สำเนา CTA และหน้าฟีเจอร์สามารถเปลี่ยนแปลงได้ภายในไม่กี่วัน เมื่อถึงเวลาประกอบชุดภาพหน้าจอแบบแมนนวล หลักฐานบางส่วนก็เก่าแล้ว

การบันทึกด้วยตนเองไม่ได้ปรับขนาดเป็น 20, 50 หรือ 200 URL

เปิดหน้า ปรับขนาดเบราว์เซอร์ เลื่อนไปที่ส่วนขวา จับภาพหน้าจอ เปลี่ยนชื่อไฟล์ และย้ายไปยังโฟลเดอร์ที่ถูกต้อง ทำซ้ำขั้นตอนนั้นในทุกไซต์ที่คุณต้องการตรวจสอบ

ภาพหน้าจอดิบที่ไม่มีโครงสร้างกลายเป็นหลักฐานที่ใช้ไม่ได้

โฟลเดอร์ที่เต็มไปด้วยภาพหน้าจอไม่ใช่ผลงานวิจัย ทีมยังคงต้องการรายงาน Markdown ที่อ่านง่าย ซึ่งอธิบายว่าอะไรถูกจับ มาจากไหน และเหตุใดจึงสำคัญ

ตัวแทนรายหนึ่งบันทึกเว็บไซต์และเขียนรายงาน Markdown ให้กับคุณ

Website Screenshot Agent อ่านสรุปการจับภาพ Markdown ของคุณ จับภาพหน้าจอเว็บไซต์ จัดการเพจที่ได้รับการตรวจสอบสิทธิ์ จัดระเบียบเนื้อหา และเขียนรายงาน Markdown ที่มีโครงสร้างซึ่งทีมของคุณสามารถตรวจสอบ แบ่งปัน หรือกระทำได้

  • แยกวิเคราะห์คำแนะนำในการจับภาพจาก Markdown ส่วนหัวหรือตารางสรุป
  • จับภาพหน้าจอเว็บไซต์อัตโนมัติในหน้า Landing Page หน้าราคา เอกสาร แดชบอร์ด และอื่นๆ
  • สนับสนุนการวิจัยคู่แข่ง การตรวจสอบเว็บไซต์ และการเรียกใช้สแนปช็อตที่เกิดซ้ำ
  • บันทึกเพจที่มีการป้องกันการเข้าสู่ระบบด้วยข้อมูลรับรองที่กำหนดค่าไว้
  • ส่งออกรายงาน Markdown ที่สะอาดตาโดยวางภาพหน้าจอไว้ในส่วนที่ถูกต้อง
1
PlanList the pages, URLs, and sections you want to capture in Markdown
2
CaptureThe agent opens each site, handles auth, and captures screenshots
3
CompileScreenshots are inserted into a structured Markdown report
4
ShareExport the report for research reviews, audits, or recurring monitoring

Install the Website Screenshot Agent skill in Codex

Use npm to install the full Felo skill pack, or copy doc-snapshot-agent directly into your Codex skills directory.

How to install the Website Screenshot Agent skill in Codex

Codex

Capture website screenshots, monitor competitor pages, and compile Markdown reports from your Codex terminal without switching to a browser.

# Install all Felo skills globally npm install -g felo-ai # Or install this skill manually git clone https://github.com/Felo-Inc/felo-skills.git cd felo-skills cp -r doc-snapshot-agent ~/.codex/skills/
Read Felo API Docs

Website Screenshot Agent ทำอะไร

ความสามารถหกประการสำหรับทีมที่ต้องการสแน็ปช็อตเว็บไซต์ที่ทำซ้ำได้และเอาต์พุตที่พร้อมใช้งาน Markdown แทนการจับภาพหน้าจอด้วยตนเองเพียงครั้งเดียว

การจับภาพหน้าจอเว็บไซต์อัตโนมัติ

เปิดหน้าผลิตภัณฑ์ หน้า Landing Page หน้าราคา เอกสาร แดชบอร์ด และเป้าหมายอื่นๆ โดยอัตโนมัติ จากนั้นจับภาพหน้าจอที่ชัดเจนในวิวพอร์ตและความละเอียดที่เหมาะสม

การติดตามคู่แข่งและหน้าตลาด

ใช้แผนการจับภาพเดิมซ้ำเพื่อจับตาดูข้อความของคู่แข่ง หน้าราคา หน้าเปิดตัว และการเปลี่ยนแปลงของตลาด โดยไม่ต้องสร้างขั้นตอนการทำงานใหม่ทุกครั้ง

การสร้างรายงาน Markdown

ทักษะไม่ได้หยุดอยู่ที่ภาพ โดยจัดระเบียบภาพหน้าจอลงในรายงาน Markdown ที่อ่านได้ ดังนั้นเอาต์พุตจึงพร้อมสำหรับการตรวจสอบแบบอะซิงโครนัส ที่เก็บ เอกสาร หรือแฮนด์ออฟการวิจัย

การฉายซ้ำและการรีเฟรชที่เพิ่มขึ้น

บันทึกรายงานส่วนใหญ่แล้วหรือยัง? เรียกใช้เวิร์กโฟลว์อีกครั้งและอัปเดตเฉพาะสิ่งที่เปลี่ยนแปลง แทนที่จะทำซ้ำงานจับภาพทั้งหมดตั้งแต่ต้น

การจับภาพหน้ารับรองความถูกต้อง

ตั้งค่าข้อมูลประจำตัวเพียงครั้งเดียวและบันทึกเพจที่ได้รับการป้องกัน เครื่องมือภายใน แดชบอร์ด SaaS หรือสถานะการรับรองความถูกต้องอื่นๆ โดยเป็นส่วนหนึ่งของเวิร์กโฟลว์อัตโนมัติเดียวกัน

ผลลัพธ์ที่มีโครงสร้างสำหรับเวิร์กโฟลว์ของทีม

จัดเก็บภาพหน้าจอดิบ สินทรัพย์ที่ประมวลผล และรายงาน Markdown สุดท้ายในโฟลเดอร์ที่คาดเดาได้ ซึ่งง่ายต่อการตรวจสอบ กระทำ แตกต่าง หรือเสียบเข้ากับเวิร์กโฟลว์การปฏิบัติงานที่เกิดซ้ำ

โดยที่ Website Screenshot Agent มีประโยชน์มากที่สุด

เวิร์กโฟลว์ที่มีมูลค่าสูงซึ่งทีมต้องการสแน็ปช็อตเว็บไซต์ที่รวดเร็วและทำซ้ำได้ แทนที่จะเป็นภาพหน้าจอแบบครั้งเดียว

Competitor landing page research with automated website screenshots

การวิจัยหน้า Landing Page ของคู่แข่ง

บริบท: ทีมการตลาดผลิตภัณฑ์ต้องการภาพหน้าจอใหม่ของหน้าแรกของคู่แข่ง หน้าราคา หน้าคุณสมบัติ และขั้นตอนการลงทะเบียน ก่อนที่จะตรวจสอบตำแหน่ง
บันทึก URL ของคู่แข่งที่เลือกและส่งออกรายงานการวิจัย Markdown โดยมีหนึ่งส่วนต่อบริษัทและประเภทเพจ
Website monitoring snapshot report with structured Markdown output

การตรวจสอบการเปลี่ยนแปลงเว็บไซต์และการเก็บถาวรสแน็ปช็อต

บริบท: ทีมต้องการภาพรวมรายสัปดาห์ของไซต์ของตนเอง ไซต์พันธมิตร หรือหน้าคู่แข่งเพื่อบันทึกข้อความ การออกแบบ และการเปลี่ยนแปลงโครงสร้างเมื่อเวลาผ่านไป
เรียกใช้แผนการจับภาพที่เกิดซ้ำ ดึงหน้าเป้าหมายอีกครั้ง และเขียนรายงานสแนปช็อต Markdown ใหม่สำหรับรอบการตรวจสอบนี้
Audit pack with public and authenticated website captures

ชุดการตรวจสอบสำหรับผลิตภัณฑ์ เนื้อหา หรือทีมขาย

บริบท: การตรวจสอบการเปิดตัวหรือโปรเจ็กต์ Battlecard จำเป็นต้องมีภาพหน้าจอจากหน้าสาธารณะและสถานะผลิตภัณฑ์ที่ได้รับการตรวจสอบสิทธิ์ ซึ่งทั้งหมดนี้จัดอยู่ในรายงานเดียวที่ทีมงานสามารถตรวจสอบได้แบบอะซิงโครนัส
บันทึกหน้าสาธารณะที่จำเป็นและสถานะการเข้าสู่ระบบ จากนั้นรวบรวมหลักฐานลงในเอกสารการตรวจสอบ Markdown ที่มีโครงสร้าง

Get the Website Screenshot Agent skill running in Codex in 3 steps

Install the skill, describe the pages you need to capture, and generate your first Markdown screenshot report.

1

Install via npm or copy the skill folder

Run npm install -g felo-ai for the full skill pack, or copy doc-snapshot-agent into ~/.codex/skills/ from the cloned repo.

2

Write a capture brief

List the URLs, page sections, and evidence you need in a Markdown file or describe them directly to Codex.

3

Run the capture workflow

Ask Codex to execute Website Screenshot Agent on your brief and review the generated Markdown report with organized screenshots.

สิ่งที่ทีมพูดเกี่ยวกับ Website Screenshot Agent

ผู้ใช้ในช่วงแรกแทนที่ภาพหน้าจอเฉพาะกิจจะทำงานร่วมกับการจับภาพเว็บไซต์ที่ทำซ้ำได้และการรายงาน Markdown

★★★★★
เราเคยใช้เวลาครึ่งวันในการรวบรวมภาพหน้าจอก่อนที่คู่แข่งจะตรวจสอบทุกครั้ง ตอนนี้สรุปการจับกุมครั้งหนึ่งทำให้เรามีรายงาน Markdown พร้อมหลักฐานทั้งหมดตามลำดับที่ถูกต้อง
Daniel Park
แดเนียล ปาร์ค
หัวหน้าฝ่ายข่าวกรองด้านการแข่งขัน แพลตฟอร์ม SaaS
★★★★★
ชัยชนะที่ยิ่งใหญ่ที่สุดคือความสม่ำเสมอ ขณะนี้การตรวจสอบหน้า Landing Page ทุกครั้งใช้เวิร์กโฟลว์ภาพรวมของเว็บไซต์เดียวกัน ดังนั้นทีมงานของเราจึงหยุดโต้เถียงเกี่ยวกับภาพหน้าจอที่หายไป และเริ่มหารือเกี่ยวกับผลการวิจัย
Rachel Morgan
ราเชล มอร์แกน
ผู้จัดการฝ่ายการตลาดผลิตภัณฑ์
★★★★★
เราใช้มันสำหรับการตรวจสอบไซต์ที่เกิดขึ้นประจำและการรายงานภายใน การผสมผสานระหว่างการจับภาพเพจที่ได้รับการรับรองความถูกต้องและเอาต์พุต Markdown เข้ากันได้อย่างลงตัวกับวิธีที่ทีมของเราทำงานอยู่แล้ว
Vik Patel
วิค พาเทล
นักวิเคราะห์การดำเนินงาน

ผลลัพธ์ของ Website Screenshot Agent ที่สำคัญ

1 ขั้นตอนการทำงาน
จากแผนการจับเพื่อรายงาน
0 คู่มือ
ขั้นตอนภาพหน้าจอของเบราว์เซอร์
ท็อกมาร์กดาวน์
เอาต์พุตพร้อมรายงาน
ทำซ้ำได้
การติดตามและตรวจสอบการดำเนินการ

Website Screenshot Agent Codex skill FAQ

How do I install the Website Screenshot Agent skill in Codex?
Run npm install -g felo-ai for all Felo skills at once, or clone the repo and copy doc-snapshot-agent into ~/.codex/skills/. The skill is ready to use once the files are in place.
Can the Codex skill capture login-protected pages?
Yes. Configure credentials through environment variables and the skill will handle authentication before capturing dashboards, internal tools, or other protected pages.
What output format does the skill produce?
It generates a structured Markdown report with screenshots placed in the right sections, plus organized raw and processed image assets in predictable folders.
Can I use it for recurring competitor monitoring in Codex?
Yes. Reuse the same capture brief to collect fresh screenshots on a regular schedule and produce updated Markdown reports each time.

Automate website screenshots from your Codex terminal

Install doc-snapshot-agent and turn manual screenshot tasks into repeatable capture workflows with Markdown report output.

One install covers the full Felo skill set in Codex. Capture websites, organize evidence, and ship reports from a single terminal session.