# Media Entertainment Design

> Media and entertainment product design including streaming, content discovery, and media playback.

- Skill: `dragoon0x/media-entertainment-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/media-entertainment-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/media-entertainment-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Product & Planning
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/media-entertainment-design

---


# Media Entertainment Design

## Content Discovery
- **Rows/rails** of categorized content (Netflix pattern).
- **Featured/Hero:** Auto-playing preview with title, description, play button.
- **Personalization:** "Because you watched..." "Trending in [genre]".
- **Continue watching:** Most important row, easily accessible.

## Media Player
- Minimal controls that appear on hover/tap, disappear on idle.
- Scrubbing: preview thumbnails on hover over timeline.
- Quality selector, subtitles, volume, fullscreen.
- Mobile: tap to pause, double-tap to skip 10s.
- Keyboard: space=pause, arrows=skip, M=mute, F=fullscreen.

## Content Pages
- Hero artwork + title + metadata (year, rating, duration).
- Description: 2-3 lines, expandable.
- Episodes/seasons for series.
- Similar content recommendations.
- User actions: play, add to list, rate, share.