docs(site): add "No Skin" option to installation skin picker (#1525)

packages/cli/src/utils/prompts.ts

@@ -46,6 +46,7 @@ function skinOptionsForUseCase(useCase: UseCase): Array<{ value: Skin; label: st
   return [
     { value: isAudio ? 'audio' : 'video', label: 'Default' },
     { value: isAudio ? 'minimal-audio' : 'minimal-video', label: 'Minimal' },
+    { value: 'none', label: 'None (headless)' },
   ];
 }
 
@@ -76,10 +77,11 @@ export function mapRawSkin(skinFlag: string, useCase: UseCase): Skin {
   const map: Record<string, Skin> = {
     default: isAudio ? 'audio' : 'video',
     minimal: isAudio ? 'minimal-audio' : 'minimal-video',
+    none: 'none',
   };
   const result = map[skinFlag];
   if (!result) {
-    console.error(`Invalid skin: "${skinFlag}". Must be "default" or "minimal".`);
+    console.error(`Invalid skin: "${skinFlag}". Must be "default", "minimal", or "none".`);
     process.exit(1);
   }
   return result;

packages/cli/src/utils/tests/format.test.ts

@@ -51,4 +51,11 @@ describe('formatInstallationCode', () => {
     const result = formatInstallationCode({ ...baseReact, installMethod: 'pnpm' });
     expect(result).toContain('pnpm add @videojs/react');
   });
+
+  it('formats HTML with skin none — omits skin tag and skin import', () => {
+    const result = formatInstallationCode({ ...baseHTML, skin: 'none' });
+    expect(result).toContain('<video-player>');
+    expect(result).not.toContain('<video-skin>');
+    expect(result).not.toContain("'@videojs/html/video/skin'");
+  });
 });