Are the media components accessible?

Yes, the skill enforces WCAG requirements including mandatory alt text for images, captions for video, and keyboard-accessible player controls.

Does it provide image optimization strategies?

Yes, it covers modern optimization techniques like WebP conversion, responsive srcset generation, and lazy loading placeholders.

Can I integrate this with cloud storage like AWS S3?

Absolutely. The skill provides detailed patterns for direct-to-cloud uploads using signed URLs for services like AWS S3 and Cloudinary.

Does this skill support large file uploads?

Yes, it includes specialized patterns for chunked and resumable uploads designed to handle files larger than 10MB reliably.

What frontend libraries does this skill recommend?

It provides implementation guides for industry-standard libraries such as video.js for video, wavesurfer.js for audio, and react-pdf for documents.

Managing Media & Files

Name: Managing Media & Files
Author: ancoleman

byancoleman

•

158

デザインツール

Implements high-performance media components and secure file management workflows for modern web applications.

概要

This skill provides comprehensive implementation patterns for managing diverse media types, including images, video, audio, and documents. It streamlines the creation of robust file upload systems, interactive galleries, and optimized players while ensuring cross-platform performance and accessibility compliance. By integrating best practices for lazy loading, CDN usage, and chunked uploads, it allows developers to build rich content experiences that are both scalable and user-friendly.

主な機能

Integrated document viewers for PDF and Office files with search and navigation.
Custom video and audio players with waveform visualization and adaptive streaming.
Responsive image galleries with lightbox, masonry layouts, and lazy loading.
158 GitHub stars
Advanced file upload patterns including drag-and-drop, chunked, and resumable uploads.
Performance optimization tools for image compression, responsive srcset, and CDN integration.

ユースケース

Building a user-driven content platform with complex file upload and processing requirements.
Implementing document management systems with built-in PDF previews and secure cloud storage.
Creating an accessible media library with high-performance video and audio playback capabilities.

概要

主な機能

Integrated document viewers for PDF and Office files with search and navigation.
Custom video and audio players with waveform visualization and adaptive streaming.
Responsive image galleries with lightbox, masonry layouts, and lazy loading.
158 GitHub stars
Advanced file upload patterns including drag-and-drop, chunked, and resumable uploads.
Performance optimization tools for image compression, responsive srcset, and CDN integration.

ユースケース

Building a user-driven content platform with complex file upload and processing requirements.
Implementing document management systems with built-in PDF previews and secure cloud storage.
Creating an accessible media library with high-performance video and audio playback capabilities.