add-webcodecs-bug

$npx mdskill add remotion-dev/remotion/add-webcodecs-bug

Adds browser WebCodecs bugs to Remotion Mediabunny documentation

  • Tracks browser-specific WebCodecs bugs in documentation using issue URLs
  • Uses browser:control-in-app-browser to access Chromium, WebKit, or Firefox issue pages
  • Maps issue metadata to predefined table fields including product, status, and reporter
  • Updates the webcodecs-bugs.mdx table with a new row in Markdown format

SKILL.md

.github/skills/add-webcodecs-bugView on GitHub ↗
---
name: add-webcodecs-bug
description: 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 in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.
---

# Add WebCodecs Bug

## Workflow

1. Read `packages/docs/docs/mediabunny/webcodecs-bugs.mdx` to understand the current table format.
2. Open the provided issue URL with the `browser:control-in-app-browser` skill.
3. On the issue page, verify:
   - issue title
   - created or filed date
   - reporter or filed-by identity
   - current status and resolution state
4. Map the browser tracker to the table fields:
   - Product: Chromium issues are `Chrome`, WebKit Bugzilla issues are `Safari`, Mozilla Bugzilla issues are `Firefox`.
   - Filed by: use the known handle from the task when the tracker only exposes a redacted email. Known reporter mappings:
     - `musica-viva.de` or `dp@[email protected]` → `@Vanilagy`
   - Fixed?: use `Yes` only for fixed or verified-fixed issues, `No` for open/new/assigned/unresolved issues, and `Won't fix` for explicitly rejected or wontfix resolutions.
5. Add one Markdown table row to `packages/docs/docs/mediabunny/webcodecs-bugs.mdx`.

Preserve the existing table columns and wording. Do not add a date column unless the docs file already has one or the user explicitly asks for it.

## Verification

After editing, inspect the diff and confirm the row has the right URL, product, filed-by value, and fixed state.

More from remotion-dev/remotion

SkillDescription
add-bugAdd 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 bugs API.
add-cli-optionAdd a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.
add-effectAdd a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds.
add-expertAdd a new expert to the Remotion experts page
add-new-packageAdd a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates. Use when creating a new @remotion package.
add-sfxAdd a new sound effect to @remotion/sfx
canvas-capture-extensionRebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in Chrome or Chrome Canary.
checkoutCheckout 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 and build. Use when the user asks to checkout a ref and prepare the workspace.
convertStart 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 locally, or wants to inspect the Convert package UI.
deprecate-apiReference for how deprecation of public Remotion APIs is represented in TypeScript source and documentation. Use when adding, reviewing, or discussing a deprecation of a function, component, hook, type, prop, option, or other public API that remains available.