Frontend · Global library

Image Optimization Pipeline

Replace naive image usage with responsive pipelines, better formats, and perceptual loading strategies.

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use Image Optimization Pipeline when you need to replace naive image usage with responsive pipelines, better formats, and perceptual loading strategies, especially when the work is driven by image optimization and next image.

Trigger signals

image optimizationnext imagesrcset

Validation hooks

audit_lighthouse_score

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show image-optimization-pipeline

Use

orchestrator-mcp skills export image-optimization-pipeline --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/image-optimization-pipeline ./your-agent-skills/image-optimization-pipeline
# or open skills/image-optimization-pipeline/SKILL.md in a markdown-first client

File patterns

**/*.tsx**/*.jsx**/assets/**

Model preferences

qwen3-coder:480b-clouddeepseek-ai/deepseek-v3.2qwen2.5-coder:32b

Related skills

Adjacent packs to compose next.

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude Code

Creates fully accessible forms with proper labeling, error handling, validation announcements, and keyboard navigation for all users

CodexClaude Code

Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.

Image Optimization Pipeline

Copy the exact command path you need.

Adjacent packs to compose next.

@property Animator

3D CSS Specialist

Accessible Form Builder