skills.rest
wolram
wolramCOMMUNITY
Explore all skills by this author →
Website𝕏@marlowsousaGitHub

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
One-click install
npx skills add https://github.com/wolram/skills --skill image-standardize
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
rijnbrijnb
3

wiki-ingest

Convert raw notes, VTT, EML, and HTML files into Markdown with provenance metadata.

Community
Advanced
iterationlayeriterationlayer
2

generate-thumbnail

Resize source images to thumbnails and convert them to WebP.

Official
Intermediate
lucasFR2lucasFR2

baoyu-compress-image

Compress images to WebP or PNG with adjustable quality settings.

Community
Intermediate
ngocnhanvongocnhanvo

image-work

Provide image handling and gallery creation patterns for HTML and CSS web projects.

Community
Intermediate