Design a Video.js skin

A skin is the player's UI: controls, layout, styles, and interactions around the media. videojs skin create scaffolds a project that holds one skin's source in src/ and a workbench in apps/preview/ that previews it across sizes, languages, and playback settings. This skill sets that up, then keeps the design work inside the rules a media player needs.

To restyle a skin inside an existing app instead, add its source with the Shadcn installation method; the videojs skill covers that.

1. Set up the project

Skip this when the working directory already has a skin.json.

Assume the user may never have used a terminal. Run every command yourself, say in plain words what each one does, and only ask the user to act where you can't: installing software that needs their password, or signing in.