img-grid-analysis

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

413|90|Updated Aug 31, 2025
One-click install
npx skills add https://github.com/comol/cursor_rules_1c --skill img-grid-analysis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: img-grid-analysis
Source: https://github.com/comol/cursor_rules_1c/tree/main/.cursor/skills/img-grid-analysis
Command: npx skills add https://github.com/comol/cursor_rules_1c --skill img-grid-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Overlay a grid on an image to determine column boundaries and proportions for creating precise layout templates from forms.

Core Features & Use Cases

  • Overlay a numbered grid on the input image to map column boundaries for table layouts.
  • Display labels in margins without overlapping content to preserve readability.
  • Auto-calculate row counts based on image aspect ratio to produce a consistent grid.

Quick Start

Use the img-grid-analysis tool on a form image to generate a grid overlay and export an annotated image.

Frequently Asked Questions about img-grid-analysis

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

FAQPage Schema
How do I overlay a grid on an image to determine column boundaries for layout design?

To overlay a grid on an image for layout design, use this tool to generate a numbered grid overlay that maps column boundaries and proportions. It outputs an annotated image, helping you derive precise table layouts from screenshots or scanned forms.

Can I use Python and Pillow to analyze scanned forms for MXL layout generation?

Yes, you can use Python with Pillow to analyze scanned forms for MXL layout generation. The tool requires Python 3 and Pillow to process your image path and output an annotated image with calculated column boundaries.

What is the best way to map column widths from a screenshot for template creation?

The best way to map column widths from a screenshot for template creation is applying a numbered grid overlay. This tool auto-calculates row counts based on aspect ratio and displays labels in margins to preserve content readability.

Does the grid overlay label numbering overlap with the original image content?

No, the grid overlay does not overlap with original image content. The tool specifically displays numbered labels in the image margins to preserve the readability of the underlying form or screenshot during layout analysis.

How do I auto-calculate row counts when applying a grid overlay to images of different sizes?

To auto-calculate row counts for images of different sizes, the tool analyzes the image aspect ratio. This mechanism ensures a consistent grid overlay is generated across various input dimensions without manual configuration.

Do I need specific command flags to customize the image grid overlay output?

You need an image path and can use optional -c, -r, and -o flags to customize the image grid overlay output. These commands adjust grid parameters and export the final annotated image for layout analysis.