img-grid

Overlay numbered grids on images using Python and Pillow.

140|16|Updated May 2, 2026
One-click install
npx skills add https://github.com/IngvarConsulting/unica --skill img-grid-ingvarconsulting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: img-grid
Source: https://github.com/IngvarConsulting/unica/tree/main/plugins/unica/skills/img-grid
Command: npx skills add https://github.com/IngvarConsulting/unica --skill img-grid-ingvarconsulting

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, and includes scripts (resource) components.

What problem does it solve?

This Skill helps users overlay a numbered grid on images, enabling accurate measurement of column and row proportions for layout analysis and template creation.

Core Features & Use Cases

  • Overlay Grid: Adds a customizable, numbered grid to images to facilitate detailed layout analysis.
  • Measurement & Breakdown: Assists in identifying column boundaries and calculating proportions for complex print or digital forms.
  • Use Case: When designing a webpage layout based on a printed form, use this Skill to measure column widths and generate proportional specifications.

Quick Start

Use the img-grid skill to overlay a grid on your screenshot image, then observe the numbered lines for precise measurement.

Frequently Asked Questions about img-grid

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

FAQPage Schema
How do I overlay a grid on an image to measure column widths?

To overlay a grid on an image for layout measurement, you need Python with the Pillow library. This adds visual numbered guides to your image, allowing you to accurately identify column boundaries and calculate proportions for design.

Can I use Python and Pillow to analyze proportions in a printed form?

Yes, you can use Python with the Pillow library to analyze proportions in a printed form. The tool generates annotated images with visual guides, enabling detailed measurement and breakdown of complex document layouts for digitization.

What is the best way to calculate layout proportions from a screenshot?

The best way to calculate layout proportions from a screenshot is to overlay a numbered grid onto the image. This provides precise visual references for identifying row and column boundaries, helping you generate proportional specifications for webpage designs.

Does this grid overlay tool work for both digital and print layout analysis?

Yes, this grid overlay tool works for both digital and print layout analysis. It provides customizable visual guides that help measure column boundaries and calculate proportions, making it useful for designing webpage layouts or digitizing complex printed forms.

How do numbered grid lines help with image layout design?

Numbered grid lines help with image layout design by providing accurate visual markers on the image. This allows you to precisely measure column widths and row proportions, ensuring your layout specifications match the original template or form.

Do I need any specific libraries to generate annotated images with grids?

Yes, you need Python and the Pillow library to generate annotated images with grids. Pillow provides the underlying image processing capabilities required to draw the numbered visual guides over your original image for layout analysis.