img-grid

Generates a numbered grid overlay on PNG/JPG images for layout analysis.

511|99|Updated Feb 8, 2026
One-click install
npx skills add https://github.com/Nikolay-Shirokov/cc-1c-skills --skill img-grid-nikolay-shirokov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: img-grid
Source: https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid
Command: npx skills add https://github.com/Nikolay-Shirokov/cc-1c-skills --skill img-grid-nikolay-shirokov

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users precisely determine column and row proportions in images of forms or layouts, which is crucial for accurately recreating them in digital formats like spreadsheet documents.

Core Features & Use Cases

  • Visual Grid Overlay: Adds a numbered, semi-transparent grid to an image.
  • Proportion Analysis: Facilitates the calculation of column widths and spans based on the grid.
  • Use Case: When designing a complex printed form, use this Skill on a scanned image to get exact measurements for each column, enabling precise digital replication.

Quick Start

Apply a grid with 50 columns to the image located at 'path/to/form.png'.

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 layout proportions?

To overlay a grid on an image for layout proportions, you need a tool that adds a numbered, semi-transparent visual grid. This allows you to calculate column widths and row divisions for accurate digital replication of forms.

Does Pillow work with PNG and JPG files for adding a visual grid?

Yes, Pillow works with PNG and JPG files for adding a visual grid. Using this Python library, you can manipulate the image and generate a semi-transparent, numbered grid overlay to analyze layout proportions.

What is the best way to determine column widths from a scanned form?

Determining column widths from a scanned form is best achieved by applying a visual grid overlay. This process adds numbered divisions to the image, facilitating the exact calculation of column spans needed for spreadsheet reconstruction.

Do I need Python 3 to analyze form layouts using an image grid?

Yes, you need Python 3 to analyze form layouts using an image grid. The process relies on the Pillow library for image manipulation to generate the visual grid overlay required for proportion analysis.

Can I use a grid overlay for digital document reconstruction?

Yes, you can use a grid overlay for digital document reconstruction. Generating a visual grid on a scanned image helps precisely determine column and row proportions, which is crucial for recreating complex printed forms in digital formats.

What are the limitations of using a semi-transparent grid for proportion analysis?

A limitation of using a semi-transparent grid for proportion analysis is that it requires manual calculation of column widths and spans from the visual output. It aids in measurement but does not automatically extract digital layout data.