Plan and run a media pipeline for images, video, and downloadable assets.
SkillScore87Maintained
Automatic
◆Frontend / UI pack
Last verified 8/20/2026
What it changes
Passed 20 of 23 test cases with the skill, and 16 of 23 without it.
Without skill70%
With skill87%
Checks it passed that the model alone missed
Sets the maximum total page image weight budget to under 500KB.
Specifies setting a total page image weight budget target of under 500KB.
Requires storing source master files at 2x to 3x the largest delivery size.
and 1 more in the full report
4 fixed16 passed either way3 still failing0 broke
Pass-rate lift
+17 pp
Tokens
+102%
Agent turns
0%
Response time
-13%
Model gemini-3.6-flashMeasured 8/20/2026v220 of 23 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 4 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 4
Prompt
What is the total image weight budget target for a standard marketing page to maintain optimal loading performance?
What was checked, without and with the skill
Checked
Without skill
With skill
Sets the maximum total page image weight budget to under 500KB.
Missed
Passed
case-10 · gemini-3.6-flash · 8/20/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md303 lines2 files
Media Asset Management
Design how images, video, and downloadable files get stored, processed, organized, and served. Stack-agnostic. The principles apply whether you're running a custom pipeline or using a hosted service.
When to use
Designing or redesigning the image and media pipeline
Choosing a media CDN or image service
Setting up responsive image delivery
Planning a digital asset management (DAM) system
Auditing media performance issues
Picking video hosting and embedding strategy
Setting up workflows for designers and writers to upload assets
Migrating media from one platform to another
When NOT to use
Performance optimization beyond media (use performance-optimization)
Brand identity or photography direction (use brand-identity, art-direction)
Content production strategy (use content-strategy)
Single-image optimization (covered in performance-optimization)
Required inputs
Current media inventory: where assets live, in what formats
Volume: how many assets, how much storage, how much traffic
Sources: who creates and uploads media (designers, writers, automated tools)
Platforms: where media is consumed (web, email, app, partners)
Performance baseline: current image sizes, load times
Budget reality: hosted services have monthly costs
The framework: 4 stages
The media pipeline has four stages. Each has its own decisions.
OKR design as actually shipped, not as conference-talk theory. Outcome statements that drive decisions, key results that measure the right thing, scoring discipline, mid-quarter recalibration, and the difference between sandbagged OKRs (always 100%) and aspirational OKRs (always 30%) and stretch OKRs (genuine ambition with quarterly accountability). Triggers on OKR design, OKR setting, key result design, OKR scoring, mid-quarter recalibration, OKR cascading, outcomes vs outputs, quarterly planni