skills.rest
comol
comolCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

img-grid

Overlay numbered grid lines on images to analyze column proportions.

413|90|Updated Aug 31, 2025
Search Tags:#python#CLI#image-analysis#Pillow#grid-overlay#column-proportions
One-click install
npx skills add https://github.com/comol/cursor_rules_1c --skill img-grid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: img-grid
Source: https://github.com/comol/cursor_rules_1c/tree/main/.cursor/source/img-grid
Command: npx skills add https://github.com/comol/cursor_rules_1c --skill img-grid

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Overlay a numbered grid on an input image to determine column proportions, enabling precise analysis of form layouts and templates without manual measurement.

Core Features & Use Cases

  • Draws vertical red and horizontal blue grid lines over the image to visualize column boundaries.
  • Numbers grid lines at top and left margins for quick counting and reference.
  • Supports configurable columns and rows to adapt to different document grids; outputs a margin-enabled image that can be used for measurement in design tasks.
  • Use Case: Analyze a printed form to identify column boundaries and convert them into a coordinate system for template generation.

Quick Start

Run python overlay-grid.py <ImagePath> to generate a labeled grid overlay image.

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

To overlay a grid on an image and measure column proportions, run the Python script with Pillow to draw numbered vertical and horizontal lines, outputting a labeled image for layout analysis.

Can I customize the number of rows and columns in the grid overlay?▼

Yes, you can customize the grid overlay by using command-line arguments for rows (-r) and columns (-c) to adjust the grid lines to match your specific document layout.

Do I need Python and Pillow to generate a grid overlay for form layout analysis?▼

Yes, generating a grid overlay for form layout analysis requires a Python environment with the Pillow dependency installed to process the input image and draw the annotation lines.

What is the best way to visualize column boundaries for a printed form template?▼

The best way to visualize column boundaries for a printed form template is applying a numbered grid overlay with red vertical and blue horizontal lines, enabling precise coordinate mapping.

Does the grid overlay support analyzing tabular templates across different document formats?▼

Yes, the grid overlay supports analyzing tabular templates across different document formats by processing an image of the document and applying adjustable grid annotations for measurement.

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
Nikolay-ShirokovNikolay-Shirokov
511

img-grid

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

Community
Basic
Arman-KudaibergenovArman-Kudaibergenov
151

img-grid

Overlay a numbered measurement grid onto an input image.

Community
Basic
comolcomol
413

img-grid-analysis

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

Community
Intermediate