before-and-after

โดย vercel

เปรียบเทียบภาพเว็บเพจหรือองค์ประกอบระหว่างสอง URL หรือรูปภาพ จับภาพหน้าจอในมุมมองเดสก์ท็อป มือถือ (375x812) หรือแท็บเล็ต (768x1024) พร้อมเลื่อนหน้าเต็มหน้าจอแบบไม่บังคับ รองรับ CSS selectors เพื่อแยกองค์ประกอบเฉพาะ และรองรับ URL แบบ file://, http://, https:// หรือเส้นทางรูปภาพในเครื่อง สร้างผลลัพธ์ในรูปแบบ markdown พร้อมอัปโหลดภาพไปยัง 0x0.st (หรือ GitHub Gist) โดยอัตโนมัติเพื่อการรวม PR ที่ง่ายดาย รวมถึงการตรวจจับการป้องกันการปรับใช้ Vercel และการรวม GitHub CLI...

npx skills add https://github.com/vercel-labs/before-and-after --skill before-and-after

ดาวน์โหลด ZIP GitHub

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

benchmark-sandbox

เรียกใช้สถานการณ์ประเมินผลของ vercel-plugin ใน Vercel Sandboxes แทนแผง WezTerm ในเครื่อง จัดเตรียม microVM ชั่วคราวที่ติดตั้ง Claude Code และปลั๊กอินไว้ล่วงหน้า…

emil-design-eng

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

vercel-react-best-practices

แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ React และ Next.js จากทีมวิศวกรรมของ Vercel ควรใช้ทักษะนี้เมื่อเขียน ตรวจสอบ หรือปรับโครงสร้างโค้ด React/Next.js…

vercel-react-best-practices

แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ React และ Next.js จากทีมวิศวกรรมของ Vercel ควรใช้ทักษะนี้เมื่อเขียน ตรวจสอบ หรือปรับโครงสร้าง React/Next.js…

ผลิตคู่มือทางเทคนิคที่สอนกรณีการใช้งานในโลกจริงผ่านตัวอย่างแบบค่อยเป็นค่อยไป แนวคิดจะถูกนำเสนอเมื่อผู้อ่านต้องการเท่านั้น

ปลั๊กอิน Vercel สำหรับการปล่อย — รัน gates, เพิ่มเวอร์ชัน, สร้าง artifacts, คอมมิต และพุช ใช้เมื่อถูกขอให้ "release", "ship", "bump and push" หรือ "cut a release

รัน DeepSec กับโปรเจกต์ Vercel ที่เช็คเอาท์จาก dev3000 ใช้สำหรับการตั้งค่า DeepSec แบบคลิกเดียว การบูตสแตรปบริบทโปรเจกต์ การประมวลผลรอบแรกแบบมีขอบเขต และ…

ย้อนกลับ pull request ของ Next.js ที่รวมแล้วจาก canary ไปยังสาขารุ่นก่อนหน้า เช่น next-16-2 ใช้เมื่อผู้ใช้ขอให้ย้อนกลับ, cherry-pick, หรือเปิด...