Implements media and file management components including file upload (drag-drop, multi-file, resumable), image galleries (lightbox, carousel, masonry), video players (custom controls, captions, adaptive streaming), audio players (waveform, playlists), document viewers (PDF, Office), and optimization strategies (compression, responsive images, lazy loading, CDN).
Install
npx skills add ancoleman/ai-design-components --skill managing-medianpx skills add ancoleman/ai-design-components --skill managing-media -a claude-code -gnpx skills add ancoleman/ai-design-components --skill managing-media -a codex -ggemini skills install https://github.com/ancoleman/ai-design-components.git --path skills/managing-mediagh skill install ancoleman/ai-design-components managing-mediagit clone --depth 1 https://github.com/ancoleman/ai-design-components /tmp/ancoleman__ai-design-components
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ancoleman__ai-design-components/skills/managing-media ~/.claude/skills/managing-media # Claude Code
cp -R /tmp/ancoleman__ai-design-components/skills/managing-media ~/.agents/skills/managing-media # Codex, Cursor, Gemini CLI, Copilot, OpenCode