Skills Remotion Dev

เนื้อหา 3D ใน Remotion โดยใช้ Three.js และ React Three Fiber

ยอมรับการสนับสนุน Remotion Element จากภายนอกโดยการตรวจสอบพรีวิวที่คอมมิตไว้ อัปโหลดไปยัง R2 ลบแอสเซ็ตชั่วคราว และเตรียมการ…

เพิ่มรายการบั๊ก Remotion ใหม่ไปยัง packages/bugs/api/[v].ts ใช้เมื่อผู้ใช้อธิบายบั๊กและเวอร์ชัน Remotion ที่ได้รับผลกระทบซึ่งควรแสดงผ่านทาง…

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the…

เพิ่มตัวเลือก CLI หรือการกำหนดค่า Remotion ใหม่ โดยการสร้าง AnyRemotionOption, ลงทะเบียนการแยกวิเคราะห์ CLI, เชื่อมต่อตัวตั้งค่าการกำหนดค่า และอัปเดตเอกสาร ใช้เมื่อ...

เพิ่มตัวเลือก Remotion CLI หรือ config ใหม่โดยการสร้าง AnyRemotionOption ลงทะเบียนการแยกวิเคราะห์ CLI เชื่อมต่อตัวตั้งค่า config และอัปเดตเอกสารประกอบ ใช้เมื่อ…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

Add a new expert to the Remotion experts page

เพิ่มผู้เชี่ยวชาญใหม่ไปยังหน้าผู้เชี่ยวชาญของ Remotion

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist…

เพิ่มแพ็กเกจใหม่เข้าไปใน Remotion monorepo รวมถึงการสร้างโครงสร้างแพ็กเกจ การลงทะเบียนใน monorepo เอกสารประกอบ สคริปต์บิลด์ การทดสอบ และรายการตรวจสอบการเผยแพร่…

เพิ่มเอฟเฟกต์เสียงใหม่ให้กับ @remotion/sfx

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked…

เพิ่มบั๊ก WebCodecs ของเบราว์เซอร์ลงในหน้าเอกสารบั๊ก WebCodecs ของ Remotion Mediabunny ใช้เมื่อได้รับ URL ปัญหาของ Chromium, WebKit หรือ Firefox ที่ควรติดตาม…

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree…

Checkout a requested branch or ref in the Remotion repo, rename the current task to the associated PR title when running in Codex, then install dependencies…

เช็คเอาท์สาขาหรือรีเฟอร์ที่ร้องขอในที่เก็บ Remotion จากนั้นติดตั้ง dependencies และ build ใช้เมื่อผู้ใช้ขอให้เช็คเอาท์รีเฟอร์และเตรียม...

Start the local @remotion/convert app and open it in the Codex browser. Use when the user invokes /convert or $convert, asks to launch convert.remotion.dev…

เริ่มต้นแอป @remotion/convert ในเครื่องและเปิดในเบราว์เซอร์ Codex ใช้เมื่อผู้ใช้เรียก /convert หรือ $convert หรือขอให้เปิด convert.remotion.dev…

เอกสารอ้างอิงสำหรับวิธีการแสดงการเลิกใช้งาน (deprecation) ของ Remotion API สาธารณะในซอร์สโค้ด TypeScript และเอกสารประกอบ ใช้เมื่อเพิ่ม ตรวจสอบ หรืออภิปราย...

Start the Remotion docs site and open it in the Codex browser. Use when the user invokes /docs or $docs, asks to launch the local documentation site, or wants…

เริ่มต้นไซต์เอกสาร Remotion และเปิดในเบราว์เซอร์ Codex ใช้เมื่อผู้ใช้เรียก /docs หรือ $docs ขอให้เปิดไซต์เอกสารในเครื่อง หรือต้องการ...

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

เพิ่มเดโมแบบโต้ตอบลงในเอกสาร Remotion ใช้เมื่อสร้างคอมโพเนนต์ <Demo> ใหม่สำหรับหน้าเอกสาร

ตรวจสอบและทำความสะอาดลำดับชั้น masterplan ของ Remotion GitHub ใช้เมื่อพบปัญหาที่เปิดอยู่ซึ่งไม่มี masterplan ระดับบนสุด การระบุปัญหาที่ถูกทิ้งร้างซึ่งจำเป็นต้องมี...

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

แก้ไข PR ของ Dependabot โดยอัปเดต dependency ทุกอินสแตนซ์ใน monorepo รัน bun install และพุช

Track Remotion CI flakes in issue

ติดตามความไม่เสถียรของ Remotion CI ใน issue

Run Remotion formatting and style checks until they pass. Use when the user asks to fix formatting or run the formatting command.

เรียกใช้การตรวจสอบรูปแบบและสไตล์ของ Remotion จนกว่าจะผ่าน ใช้เมื่อผู้ใช้ขอให้แก้ไขรูปแบบหรือเรียกใช้คำสั่งจัดรูปแบบ

Manages stacked PRs and splits multi-part work into reviewable branches with gh-stack. Use for stack creation, viewing, edits, push, submit, sync, rebase,…

ใช้เมื่อเรนเดอร์หรือแทนที่วิดีโอแถบครีเอเตอร์ในหน้าแรกของ Remotion โดยเฉพาะสินทรัพย์ Chrome WebM แบบโปร่งใสและ Safari MP4 ที่คัดลอกลงในทั้งสองหน้าโปรโมชัน…

ใช้เมื่อเรนเดอร์หรือแทนที่วิดีโอแถบสร้างหน้าแรกของ Remotion โดยเฉพาะแอสเซท Chrome WebM โปร่งใสและ Safari MP4 ที่คัดลอกไปยังทั้ง promo-pages…

Install and verify the pinned Chrome for Testing build used by the private Remotion Canvas Capture extension on Apple Silicon macOS. Use when setting up Canvas…

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

Create or update GitHub issues with correct Remotion naming and safe multiline Markdown handling

Manage GitHub Issues 2.0 relationships with gh CLI: parent issues, sub-issues, blocked-by, and blocking links.

จัดการความสัมพันธ์ของ GitHub Issues 2.0 ด้วย gh CLI: ปัญหาหลัก, ปัญหาย่อย, การถูกบล็อก, และลิงก์การบล็อก

สร้างคำขอ pull request โดยอัตโนมัติพร้อมการจัดรูปแบบคอมมิตและการจัดการสาขา ตรวจสอบให้แน่ใจว่าคุณไม่ได้อยู่ในสาขาหลัก โดยสร้างสาขาฟีเจอร์หากจำเป็น เรียกใช้การจัดรูปแบบโค้ด Oxfmt ในทุกแพ็กเกจที่เกี่ยวข้องก่อนคอมมิต จัดรูปแบบคอมมิตและชื่อ PR โดยใช้ชื่อแพ็กเกจจาก package.json (เช่น "@remotion/shapes : Add heart shape") ใช้ gh CLI เพื่อเปิด pull request โดยอัตโนมัติหลังจากพุชการเปลี่ยนแปลง

Multimedia handling with the Mediabunny library

การจัดการมัลติมีเดียด้วยไลบรารี Mediabunny

การจัดการมัลติมีเดียด้วยไลบรารี Mediabunny

การจัดการมัลติมีเดียด้วยไลบรารี Mediabunny

รอให้ Remotion pull request พร้อมสำหรับการรวม จัดการความขัดแย้งในการรวม แยกแยะความล้มเหลวของ CI ที่แท้จริงจากความไม่เสถียร รันการตรวจสอบที่ไม่เสถียรอีกครั้งผ่าน flake…

Scaffold a new Remotion Element with a correctly configured preview composition for development in the docs Remotion Studio.

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

แก้ไขพารามิเตอร์ทางเลือกที่เพิ่มใหม่, React props ที่เป็นทางเลือก และสมาชิก type/interface ที่เป็นทางเลือกใน Remotion monorepo diffs โดยการแปลง internal APIs เป็น…

Start the @remotion/player example app and open it in the Codex browser. Use when the user invokes /player-example or $player-example, asks to launch the…

Start the @remotion/player example app and open it in the Codex browser. Use when the user invokes /player-example or $player-example, asks to launch the…

Open a pull request for the current feature

เปิด pull request สำหรับฟีเจอร์ปัจจุบัน

การตั้งชื่อที่ถูกต้องสำหรับ PR

ตรวจสอบหรือแก้ไขชื่อ pull request ของ Remotion

แก้ไข CI ที่ล้มเหลว, แก้ไขความขัดแย้งในการรวมโค้ด, หรือการเปลี่ยนแปลงในสาขาท้องถิ่นเพื่อเตรียม PR ให้พร้อม

Resolve CI failures, merge conflicts, or local branch changes to get a PR ready

Finalize a developed Remotion Element, add it to the docs gallery, render its previews, and run repository checks.

ปล่อยเวอร์ชัน Remotion ใหม่

Release a new Remotion version

ทักษะสำหรับการสร้างวิดีโอด้วย Remotion

แนวทางปฏิบัติที่ดีที่สุดสำหรับ Remotion - การสร้างวิดีโอใน React

Router for all Remotion skills

Best practices for Remotion - Video creation in React

แนวทางปฏิบัติที่ดีที่สุดสำหรับ Remotion - การสร้างวิดีโอใน React

แนวทางปฏิบัติที่ดีที่สุดสำหรับ Remotion

ฐานความรู้เฉพาะโดเมนสำหรับสร้างวิดีโอด้วย Remotion และ React ครอบคลุมไฟล์กฎมากกว่า 30 ไฟล์ในด้านแอนิเมชัน เสียง เนื้อหา 3D แผนภูมิ ข้อความ การเปลี่ยนภาพ และการจัดการองค์ประกอบ รวมถึงคำแนะนำเฉพาะสำหรับคำบรรยาย การดำเนินการ FFmpeg การแสดงภาพเสียง และการรวมเอฟเฟกต์เสียง มีรูปแบบสำหรับการคำนวณเมตาดาต้าแบบไดนามิก การตรวจสอบสื่อ (ระยะเวลา ขนาด การแยกเฟรม) และองค์ประกอบที่กำหนดพารามิเตอร์ได้ รองรับฟีเจอร์ขั้นสูงเช่น Lottie...

การจัดการกับคำบรรยายใน Remotion

การถอดเสียง การแสดงผล และการทำแอนิเมชันคำบรรยาย

Transcribing, displaying and animating captions

การจัดการกับคำบรรยายใน Remotion

การจัดการกับคำบรรยายใน Remotion

กำลังสร้างวิดีโอ Remotion ใหม่

Create a new Remotion video

กำลังสร้างวิดีโอ Remotion ใหม่

การสร้างวิดีโอ Remotion ใหม่

ค้นหาเอกสาร Remotion

Search Remotion documentation

Search Remotion documentation

Search Remotion documentation

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

Structure Remotion markup for interactivity

Structure Remotion markup for interactivity

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

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

ความรู้เกี่ยวกับการสร้างแอนิเมชันแผนที่ด้วย Remotion

ความรู้เกี่ยวกับการสร้างแอนิเมชันแผนที่ด้วย Remotion

Remotion Map animation knowledge

Remotion Map animation knowledge

Content, animation and effects best practices

Best practices for writing Remotion React Markup

แนวทางปฏิบัติที่ดีที่สุดสำหรับการเขียน Remotion React Markup

แนวปฏิบัติที่ดีที่สุดสำหรับการเขียน Remotion React Markup

การโต้ตอบกับ Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Export a Remotion video

Export a Remotion video

แนวทางปฏิบัติที่ดีที่สุดสำหรับการเรนเดอร์วิดีโอ

แนวทางปฏิบัติที่ดีที่สุดสำหรับการเรนเดอร์วิดีโอ

แนวทางปฏิบัติที่ดีที่สุดสำหรับการเรนเดอร์วิดีโอ

Build an app with Remotion

การสร้างแอปพลิเคชันวิดีโอด้วย Remotion - คำแนะนำเกี่ยวกับเฟรมเวิร์ก การเรนเดอร์ และ Player

การสร้างแอปพลิเคชันวิดีโอด้วย Remotion - คำแนะนำเกี่ยวกับเฟรมเวิร์ก การเรนเดอร์ และ Player

การสร้างแอปวิดีโอด้วย Remotion - คำแนะนำเกี่ยวกับเฟรมเวิร์ก การเรนเดอร์ และ Player

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Scaffold a new Remotion Element with a correctly configured preview composition for development in the docs Remotion Studio.

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill…

การวางตำแหน่งสกิล Document Remotion ใช้เมื่อเพิ่ม ย้าย หรือแก้ไขสกิล Remotion เพื่อตัดสินว่าสกิลนั้นควรอยู่ใน .agents/skills ในฐานะสกิลภายใน...

Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio,…

เริ่มต้น Remotion Studio จาก packages/example และเปิดในเบราว์เซอร์ Codex ใช้เมื่อผู้ใช้เรียก /studio หรือ $studio ขอให้เปิดตัวอย่าง Studio…

จัดหมวดหมู่และเชื่อมต่อตัวเลือกการกำหนดค่า Remotion Studio ว่าเป็นแบบ startup-fixed หรือ reloadable พร้อมป้องกันพฤติกรรม lifecycle แบบผสมระหว่างผู้ใช้งานต่าง ๆ ใช้เมื่อ…

Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover…

แนวทางสำหรับการเปลี่ยนแปลง UI ของ Remotion Studio ที่การรีเซ็ต CSS ทั่วโลกส่งผลต่อองค์ประกอบที่ซ้อนกัน ใช้เมื่อแก้ไข packages/studio UI โดยเฉพาะเมื่อเพิ่ม wrapper…

Optimize Remotion Studio render performance by minimizing frame-reactive component surfaces, preferring imperative timeline state reads, and memoizing stable…

Finalize a developed Remotion Element, add it to the docs gallery, and prepare either a direct member submission or an externally reviewable contribution.

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome…

เผยแพร่ไบนารี Chrome ของ Remotion Lambda ไปยังภูมิภาคทดสอบ eu-central-1 และอัปเดตเลเยอร์ที่โฮสต์และการอ้างอิงเวอร์ชัน Chrome ใช้เมื่ออัปเดต Chrome…

อัปเดตสาขา Remotion ปัจจุบันด้วยสาขาหลักล่าสุด ใช้เมื่อถูกขอให้อัปเดตหรือซิงค์จาก upstream main รวม main ล่าสุดเข้าไปใน…

Update Remotion's ffmpeg-next Git revision to a published rust-ffmpeg commit, refresh Cargo.lock, rebuild all supported compositor binaries, validate the…

Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.

อัปเดตจำนวนดาว GitHub บนหน้าแรกของ Remotion ใช้เมื่อถูกขอให้รีเฟรชจำนวนดาวที่แสดงบน GitHub และพุชการเปลี่ยนแปลงไปยัง main

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Upgrade the caniuse-lite override in the Remotion repo. Use when asked to update caniuse-lite to the latest npm version.

Upgrade the caniuse-lite override in the Remotion repo. Use when asked to update caniuse-lite to the latest npm version.

Upgrade Mediabunny and related @mediabunny packages across the Remotion repo. Use when asked to update Mediabunny to the latest version.

อัปเกรด Mediabunny และแพ็กเกจ @mediabunny ที่เกี่ยวข้องทั่วทั้ง Remotion repo ใช้เมื่อถูกขอให้อัปเดต Mediabunny เป็นเวอร์ชันล่าสุด

Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs. Use when a file is…

อัปโหลดไฟล์ขนาดใหญ่จากคลังข้อมูล Remotion ไปยัง Cloudflare R2 bucket ที่อยู่เบื้องหลัง remotion.media และแทนที่ public/ ไฟล์ในเครื่องด้วย URL ที่โฮสต์แล้ว ใช้เมื่อไฟล์มี…

Implement or review a Remotion 5 breaking change while the v4 and v5 release lines still share code. Use when v4 behavior and public types must remain…

Set up a Codex monitor for Vercel deployments and preview URLs. Use when the user invokes /vercel or $vercel, asks Codex to watch or monitor a Vercel…

ตั้งค่า Codex monitor สำหรับการปรับใช้ Vercel และ URL ตัวอย่าง ใช้เมื่อผู้ใช้เรียก /vercel หรือ $vercel ขอให้ Codex ดูหรือตรวจสอบ Vercel…

The version of Remotion we are working on.

เวอร์ชันของ Remotion ที่เรากำลังทำงานอยู่

สร้างรายงานเกี่ยวกับวิดีโอ

Generate a report about a video

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

คำแนะนำสำหรับการทำงานกับ Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs และ hot reload behavior ใช้เมื่อ…

การทดสอบภาพนิ่งสำหรับส่วนประกอบของเว็บเรนเดอร์โดยใช้ฟิกซ์เจอร์ของ vitest สร้างฟิกซ์เจอร์ทดสอบใน packages/web-renderer/src/test/fixtures ที่กำหนดคอมโพเนนต์ React, ขนาด, อัตราเฟรม และระยะเวลา ลงทะเบียนฟิกซ์เจอร์ใน packages/web-renderer/src/test/Root.tsx เพื่อเปิดใช้งานฟังก์ชันพรีวิว เขียนกรณีทดสอบที่เรนเดอร์ภาพนิ่งโดยใช้ renderStillOnWeb() และตรวจสอบผลลัพธ์ด้วยการเปรียบเทียบภาพนิ่งของ testImage() รันการทดสอบด้วย bunx vitest src/test/video.test.tsx และอัปเดตเอกสารใน...

Add a test case to the web renderer

Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.

แนวทางและเทมเพลตสำหรับการเขียนเอกสาร API ของ Remotion ในรูปแบบ MDX สร้างไฟล์ .mdx หนึ่งไฟล์ต่อหนึ่ง API ใน packages/docs/docs เพิ่มลงใน sidebars.ts และรัน bun render-cards.ts เพื่อสร้างการ์ดตัวอย่างโซเชียล ใช้หัวข้อ ### สำหรับคุณสมบัติของ API (ไม่ใช้สัญลักษณ์หัวข้อย่อย) เพิ่มคำต่อท้าย ? สำหรับพารามิเตอร์ที่ไม่บังคับ และรวมค่าเริ่มต้นในคำอธิบายอย่างเป็นธรรมชาติ เลือกใช้ตัวอย่างโค้ดที่ปลอดภัยต่อชนิดข้อมูลด้วยการตรวจสอบ twoslash ใช้ // ---cut--- เพื่อซ่อนการนำเข้า และเพิ่มแอตทริบิวต์ title เสมอใน...

กฎสำหรับการเขียนและตรวจสอบเทสต์ในคลังเก็บ Remotion ใช้เมื่อใดก็ตามที่เพิ่ม แก้ไข หรือตรวจสอบเทสต์ โดยเฉพาะสำหรับ Studio UI, rendering, CLI,…