image-standardize

Standardize before/after images to PNG/WebP with uniform dimensions and kebab-case names.

Updated Aug 23, 2026

Search Tags:#design #image-optimization #before-after #web-graphics #image-standardize

Ready to run

npx skills add https://github.com/wolram/skills --skill image-standardize

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: image-standardize
Source: https://github.com/wolram/skills/tree/main/design/image-standardize
Command: npx skills add https://github.com/wolram/skills --skill image-standardize

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Padroniza imagens de transformacoes (antes/depois) para exibicao consistente no site.

Core Features & Use Cases

Padroniza dimensões, formato (PNG/WebP) e nomes de arquivo para exibição uniforme no site.
Mantém aspect ratio e aplica padding (#1A1A1A) quando necessário para caber no espaço designado.
Use Case: equipes de design, marketing e desenvolvimento podem entregar comparações antes/depois com aparência consistente sem ajustes manuais.

Quick Start

Execute o comando /image-standardize na pasta de imagens desejada para padronizar as transformações antes/depois.

Frequently Asked Questions about image-standardize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I standardize before and after images for a consistent web gallery presentation?▼

To standardize before and after images, you apply uniform target dimensions, convert files to PNG or WebP formats, and enforce a strict kebab-style naming scheme. This ensures your web galleries display transformation comparisons consistently without manual adjustments.

Does image standardization preserve aspect ratio when resizing web graphics?▼

Yes, image standardization preserves the original aspect ratio when resizing web graphics. It applies optional padding using a default #1A1A1A background color to fit images into the designated target dimensions without distorting the original visual proportions.

What is the best way to batch format before and after images to WebP?▼

Batch formatting before and after images to WebP involves processing a designated folder to apply configurable target dimensions and output formats. This standardizes your web graphics into uniform PNG or WebP files with strict kebab-style naming.

Can I use image standardization to enforce a strict kebab-style naming convention?▼

Yes, you can use image standardization to enforce a strict kebab-style naming convention across your files. It automatically renames processed before and after images, ensuring uniform file names that are required for consistent web gallery integration.

Do I need specific design tools to standardize before and after images?▼

No specific design tools are required to standardize before and after images. You simply execute the standardization process in your desired image folder to apply uniform dimensions, formats, and naming conventions for web display.