Enhances web images using advanced CSS filters, SVG masks, blend modes, and responsive art direction.
The Image Treatment skill provides a comprehensive toolkit for developers looking to elevate their project's visual design through code-driven styling. It offers ready-to-use recipes for CSS filter combinations, sophisticated blend mode overlays, and complex duotone effects that map image tones to brand-specific colors. Beyond simple styling, it guides Claude in implementing modern layout patterns like masonry grids, parallax backgrounds, and performance-optimized responsive image sets using the <picture> element and modern formats like AVIF. This skill is essential for creating high-end editorial layouts and maintainable design systems.
