img-grid

Overlay a numbered measurement grid on an input image using Python Pillow.

33|8|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/Dach-Coin/claude_rules_1c --skill img-grid-dach-coin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: img-grid
Source: https://github.com/Dach-Coin/claude_rules_1c/tree/main/.claude/skills/img-grid
Command: npx skills add https://github.com/Dach-Coin/claude_rules_1c --skill img-grid-dach-coin

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It solves the problem of accurately measuring printed form layouts (column widths and spans) from an image when you need reliable proportions for building an MXL-style table template.

Core Features & Use Cases

  • Numbered overlay grid: Adds vertical (red) and horizontal (blue) grid lines with readable indices for counting spans.
  • Precise column boundary identification: Helps you record exact grid-line coordinates for each column boundary to derive relative widths.
  • Row/column aspect control: Lets you choose the grid density via column divisions and optionally auto-match square-ish cells.
  • Use case: You have a screenshot/photo of a printed 1C form section and need to compute columnWidth ratios for a table template so the generated layout matches the original.

Quick Start

Run the grid overlay on your form image by providing the image path to /img-grid and then read the numbered grid-line coordinates to derive your column boundaries.

Frequently Asked Questions about img-grid

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

FAQPage Schema
How do I measure column proportions from a form screenshot for layout reconstruction?

You can overlay a numbered measurement grid on the image to determine precise column and row boundaries for layout reconstruction. The grid provides readable indices for counting spans accurately.

What is the best way to calculate columnWidth ratios for an MXL table template?

You can calculate columnWidth ratios by recording exact grid-line coordinates on a numbered overlay image. This helps derive relative widths for each column boundary to match the original form.

Does the image grid overlay work with Python Pillow to render measurement lines?

Yes, the image grid overlay uses Python Pillow to render red vertical and blue horizontal grid lines with readable indices on your input image. It outputs a saved image for downstream coordinate extraction.

Can I control the grid density when analyzing printed form layouts?

Yes, you can control the grid density when analyzing printed form layouts by specifying column divisions. You can also optionally auto-match square-ish cells to fit your measurement needs.

How do I extract precise column boundaries after applying a layout measurement grid?

After applying a layout measurement grid, you extract precise column boundaries by reading the numbered grid-line coordinates from the saved output image. These coordinates help derive your layout proportions for downstream use.

What are the limitations of using numbered grid lines for complex form sections?

A limitation of using numbered grid lines for complex form sections is that it requires manual coordinate extraction from the saved image. You must visually identify and record spans across complex sections yourself.