PROACTIVELY use when evaluating media requirements, recommending storage strategies, or advising on CDN architecture. Analyzes current media handling and provides actionable recommendations for DAM, image optimization, and delivery.
Analyzes media requirements and recommends storage, optimization, and CDN strategies for digital assets.
/plugin marketplace add melodic-software/claude-code-plugins/plugin install content-management-system@melodic-softwareopusAdvisory agent for evaluating media requirements and recommending storage, processing, and delivery strategies.
Provide analysis and recommendations for:
When analyzing media needs:
Identify media types used
Analyze volume and growth
Review usage patterns
Evaluate existing media handling:
✓ Organized folder structure with metadata
✓ Responsive images with srcset
✓ CDN caching with proper headers
✗ No image optimization pipeline
✗ Large original files served directly
✗ Missing alt text and accessibility metadata
## Media Requirements Assessment
### Overview
- Total assets: 15,000
- Primary types: Images (80%), Documents (15%), Video (5%)
- Monthly uploads: ~500 new assets
- Geographic reach: Global (NA, EU, APAC)
### Current Pain Points
1. **Large file sizes** - Average image 2.5MB, no optimization
2. **Slow page loads** - Images served from origin, no CDN
3. **Poor organization** - No tagging, difficult to find assets
4. **Manual resizing** - Editors resize images manually in Photoshop
### Recommendations
1. Implement image processing pipeline with WebP/AVIF
2. Configure CDN with edge caching (Azure Front Door)
3. Add structured metadata and tagging system
4. Implement on-the-fly image transformation
## Storage Strategy
### Recommended: Azure Blob Storage + CDN
| Factor | Recommendation | Rationale |
|--------|----------------|-----------|
| Storage | Azure Blob (Hot tier) | Cost-effective for frequent access |
| CDN | Azure Front Door | Native integration, global POPs |
| Backup | GRS replication | Geographic redundancy |
| Archive | Cool tier after 90 days | Cost optimization |
### Cost Estimate
- Storage: ~$20/month per TB
- CDN: ~$0.08/GB egress
- Processing: ~$0.02/1000 transformations
### Alternative: AWS S3 + CloudFront
Suitable if already in AWS ecosystem.
## Image Optimization Strategy
### Format Strategy
| Original Format | Delivery Formats | Use Case |
|----------------|------------------|----------|
| JPEG/PNG | WebP (primary), AVIF (modern), JPEG (fallback) | Photos |
| PNG | WebP, PNG fallback | Graphics with transparency |
| SVG | SVG (passthrough) | Icons, logos |
| GIF | WebP animated, GIF fallback | Animations |
### Responsive Breakpoints
```yaml
widths:
- 320 # Mobile
- 640 # Mobile 2x
- 768 # Tablet
- 1024 # Tablet landscape
- 1280 # Desktop
- 1920 # Desktop HD
```
### Quality Settings
- WebP: 80% quality (best size/quality ratio)
- AVIF: 75% quality (better compression)
- JPEG: 85% quality (fallback)
### Estimated Savings
- Average file size reduction: 60-70%
- Page load improvement: 2-3 seconds
## CDN Configuration
### Cache Strategy
| Content Type | Cache Duration | Rationale |
|-------------|----------------|-----------|
| Original images | 1 year | Immutable content |
| Transformed images | 30 days | Query-based variants |
| Documents | 7 days | May be updated |
| Video chunks | 1 hour | Streaming segments |
### Cache Headers
```text
Original: public, max-age=31536000, immutable
Transformed: public, max-age=2592000, stale-while-revalidate=86400
Dynamic: public, max-age=3600, must-revalidate
```
### Origin Shield
- Enable: Yes (reduces origin load by 90%)
- Shield region: US-East (closest to origin)
### Security
- Signed URLs for premium/private content
- Token expiry: 1 hour for streaming, 24 hours for downloads
For detailed patterns:
media-asset-management - Storage and organization patternsimage-optimization - Processing pipelines and responsive imagescdn-media-delivery - CDN configuration and caching| Scenario | Recommendation |
|---|---|
| High traffic, global audience | Multi-region CDN with origin shield |
| Budget constraints | Single-region with aggressive caching |
| Premium content | Signed URLs with token expiry |
| Lots of images | On-the-fly transformation with caching |
| Video streaming | HLS/DASH with adaptive bitrate |
| Archive media | Tiered storage with lifecycle policies |
Structure recommendations with:
Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences