skills.rest
Arman-Kudaibergenov
Arman-KudaibergenovCOMMUNITY
Explore all skills by this author →
GitHub

img-grid

Overlay a numbered measurement grid onto an input image.

151|20|Updated Feb 11, 2026
Search Tags:#image analysis#grid overlay#layout measurement#mxl templates#form digitization#column proportions
One-click install
npx skills add https://github.com/Arman-Kudaibergenov/1c-ai-development-kit --skill img-grid-arman-kudaibergenov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: img-grid
Source: https://github.com/Arman-Kudaibergenov/1c-ai-development-kit/tree/main/.claude/skills/img-grid
Command: npx skills add https://github.com/Arman-Kudaibergenov/1c-ai-development-kit --skill img-grid-arman-kudaibergenov

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 layout proportions (column boundaries, spans, and widths) from an image so you can reproduce the same layout in MXL templates.

Core Features & Use Cases

  • Numbered grid overlay: Draws color-coded vertical and horizontal grid lines with readable line numbers in margins.
  • Precise column/row proportion counting: Enables counting grid “cells” to derive exact column boundary coordinates.
  • MXL template planning support: Helps map observed layout segments into a column-width proportions JSON DSL, especially for table regions.
  • Use Case: You have a scanned or exported image of a form with multiple tables (e.g., header + main table) and you need reliable column boundaries to generate the correct MXL columnWidths and spans.

Quick Start

Use the img-grid skill to overlay a numbered grid on your form image, then record the vertical grid-line numbers that mark each column boundary.

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 scanned form image?▼

You can measure column proportions by overlaying a numbered grid onto the form image, allowing you to count exact grid cells and derive precise column boundary coordinates for layout reproduction.

What is the best way to determine column boundaries for an MXL template?▼

The best way to determine column boundaries for an MXL template is to apply a numbered grid overlay to an image prototype, mapping observed layout segments into a column-width proportions JSON DSL for table regions.

Can I configure the vertical and horizontal divisions of the grid overlay?▼

Yes, you can configure the grid overlay with specific vertical divisions, and the tool supports optional horizontal division computation to render non-overlapping grid lines with readable labeled indices.

Does this image analysis tool require Pillow to generate layout measurements?▼

Yes, this image analysis tool requires the Pillow dependency to render the numbered measurement grid and calculate precise column and row proportions from your input image.

How do I plan a form layout from an image prototype using a grid?▼

To plan a form layout from an image prototype, draw color-coded vertical and horizontal grid lines with readable numbers in the margins, then record the vertical grid-line numbers marking each column boundary.

Related Skills

Explore More Design & Creative Skills→
mmmmmm786mngb-jpgmmmmmm786mngb-jpg

img-grid

Overlay a numbered grid on an image using Python and Pillow to measure column and row proportions.

Community
Intermediate
comolcomol
413

mxl-decompile

Decompile 1C MXL templates into a compact JSON DSL.

Community
Intermediate
comolcomol
413

img-grid-analysis

Overlay a numbered grid on images to determine column boundaries for MXL layout generation.

Community
Intermediate
Desko77Desko77
40

img-grid-analysis

Overlay a numbered grid on input images to determine column boundaries.

Community
Intermediate