videojs/video.js

change-spf-behavior

Change SPF playback-engine behaviors. Use when updating, refactoring, splitting, or merging responsibilities, signals, lifecycle, cleanup, or composition.

create-spf-behavior

Create or extract one SPF playback-engine behavior. Use for a new atomic responsibility with signals, lifecycle, cleanup, composition, and tests.

document-spf-use-case

Document an SPF use-case record. Use when the user explicitly requests delivery scenarios, variants, relationships, status, or verification.

implement-spf-feature

Implement an SPF feature from its registry entry. Use when an engine capability spans behaviors and requires tests plus status updates.

implement-spf-use-case

Implement an SPF use-case composition. Use when a delivery scenario combines feature variants and requires composition, tests, and status updates.

review-branch

Review the current branch without editing code. Use for PR-style findings, regressions, merge-base comparison, or pre-merge risk assessment.

create-issue

Draft or create a videojs/video.js GitHub issue and its native planning relationships. Use when asked to file a bug, feature, task, epic, or repository issue.

write-docs

Write Video.js guides, concepts, READMEs, and JSDoc. Use for site prose, examples, inline API documentation, or package documentation.

write-api-reference

Write generated Video.js API reference pages. Use for components, hooks, controllers, factories, builder compatibility, demos, or extracted JSDoc.

maintain-tests

Gate and audit test value. Use when writing, reviewing, or pruning tests or test-only seams.

maintain-vjsc-skin-gaps

Maintain deferred VJSC parity gaps. Use when work under packages/skins/src adds, closes, or explicitly defers a parity gap.

configure-vite-plus

Configure Vite+. Use for tasks, cache, migration, or CI.

design-api

Design Video.js TypeScript APIs. Use for public shape, inference, state, extension points, middleware, composition, or ergonomics.

write-locale-translations

Translate or audit the values in a Video.js locale pack. Use when a key needs values, en.ts copy changes underneath a pack, or one pack needs an audit.

commit-pr

Commit, push, and create or update a Video.js pull request. Use when the user explicitly requests repository publication or PR preparation.

review-docs

Review Video.js documentation without editing it. Use for accuracy, reader outcomes, structure, voice, examples, MDX, READMEs, or docs diffs.

create-vjsc-component

Create VJSC modules. Use for UI and styles.

create-react-component

Create or change Video.js React UI components. Use for React component boundaries, state ownership, compound parts, render customization, styling hooks, exports, or client behavior.

create-vite-plugin

Create Vite plugins. Use for hooks.

create-skill

Create repository skills. Use for repeatable agent workflows.

create-html-component

Create or change Video.js custom-element UI components. Use for HTML component boundaries, properties, events, controllers, light-DOM parts, styling hooks, registration, or lifecycle.

document-spf-feature

Document an SPF feature record. Use when the user explicitly requests capability scope, relationships, status, constraints, or evidence.

create-rolldown-plugin

Create Rolldown plugins. Use for hooks.

review-html-component

Review custom-element UI without editing code. Use for data flow, markup, styling, transitions, registration, or bundles.

review-react-component

Review React UI without editing code. Use for data flow, APIs, customization, styling, transitions, or bundles.

transform-rolldown-code

Transform code. Use for Rolldown.

implement-ui-transition

Implement UI transitions and rendered presence. Use for lifecycle, cancellation, rapid reopen, or HTML/React parity.

maintain-agent-docs

Maintain repository agent guidance. Use for AGENTS.md, CLAUDE.md compatibility, skill drift, duplicated instructions, or context budgets.

review-api

Review Video.js TypeScript APIs without editing code. Use for inference, state, extensibility, composition, packaging, or architecture audits.

review-html-component-design

Review HTML component designs. Use for boundaries, APIs, opt-outs, and bundles.

review-react-component-design

Review React component designs. Use for boundaries, APIs, opt-outs, and bundles.

write-design-doc

Write or update a Video.js architecture, feature, or decision record only when the user explicitly requests that record. Use for compact, non-inferable rationale outside UI component design.

write-html-component-design

Write HTML design records. Use when the user explicitly requests one.

write-react-component-design

Write React design records. Use when the user explicitly requests one.

write-rfc

Draft or revise a Video.js RFC. Use for public APIs, product direction, user-facing DX, shared architecture, or hard-to-reverse proposals needing buy-in.

implement-accessible-ui

Implement accessible Video.js UI. Use for semantics, ARIA, keyboard interaction, focus, screen readers, captions, or live regions.

investigate-issue

Investigate GitHub issues without changing code. Use when asked to analyze, diagnose, scope, or produce an evidence-backed implementation plan.

review-accessibility

Review Video.js UI accessibility without editing code. Use for semantics, names, ARIA, keyboard, focus, captions, contrast, motion, or WCAG.