·managing-media
#

managing-media

ancoleman/ai-design-components

Implementa componentes de administración de archivos y medios que incluyen carga de archivos (arrastrar y soltar, archivos múltiples, reanudables), galerías de imágenes (caja de luz, carrusel, mampostería), reproductores de video (controles personalizados, subtítulos, transmisión adaptativa), reproductores de audio (forma de onda, listas de reproducción), visores de documentos (PDF, Office) y estrategias de optimización (compresión, imágenes responsivas, carga diferida, CDN). Úselo cuando maneje archivos, muestre medios o cree experiencias de contenido enriquecidas.

11Instalaciones·0Tendencia·@ancoleman

Instalación

$npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media

SKILL.md

This skill provides systematic patterns for implementing media and file management components across all formats (images, videos, audio, documents). It covers upload workflows, display patterns, player controls, optimization strategies, and accessibility requirements to ensure performant, accessible, and user-friendly media experiences.

For detailed selection criteria, reference references/implementation-guide.md.

For complete requirements, reference references/accessibility-patterns.md.

Implementa componentes de administración de archivos y medios que incluyen carga de archivos (arrastrar y soltar, archivos múltiples, reanudables), galerías de imágenes (caja de luz, carrusel, mampostería), reproductores de video (controles personalizados, subtítulos, transmisión adaptativa), reproductores de audio (forma de onda, listas de reproducción), visores de documentos (PDF, Office) y estrategias de optimización (compresión, imágenes responsivas, carga diferida, CDN). Úselo cuando maneje archivos, muestre medios o cree experiencias de contenido enriquecidas. Fuente: ancoleman/ai-design-components.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media
Categoría
#Documentos
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es managing-media?

Implementa componentes de administración de archivos y medios que incluyen carga de archivos (arrastrar y soltar, archivos múltiples, reanudables), galerías de imágenes (caja de luz, carrusel, mampostería), reproductores de video (controles personalizados, subtítulos, transmisión adaptativa), reproductores de audio (forma de onda, listas de reproducción), visores de documentos (PDF, Office) y estrategias de optimización (compresión, imágenes responsivas, carga diferida, CDN). Úselo cuando maneje archivos, muestre medios o cree experiencias de contenido enriquecidas. Fuente: ancoleman/ai-design-components.

¿Cómo instalo managing-media?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/ancoleman/ai-design-components