# Img Grid

Наложить пронумерованную сетку на изображение.

- Repository: https://github.com/Nikolay-Shirokov/cc-1c-skills (750 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-10-31
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -g -a claude-code -y`
Codex: `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -g -a codex -y`
Cursor: `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -g -a cursor -y`
Gemini CLI: `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add Nikolay-Shirokov/cc-1c-skills`

## Description

Наложить пронумерованную сетку на изображение. Используй при анализе скриншота макета или печатной формы, измерить пропорции колонок перед генерацией табличного документа

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# /img-grid, Сетка для анализа макета

Накладывает пронумерованную сетку на изображение печатной формы. Позволяет точно определить границы колонок, их пропорции и span-ы для генерации макета табличного документа.

## Использование

```
/img-grid <ImagePath> [-c COLS] [-o OUTPUT]
```

## Параметры

| Параметр  | Обязательный | По умолчанию | Описание                                      |
|-----------|:------------:|--------------|-----------------------------------------------|
| ImagePath | да           |, | Путь к изображению (PNG, JPG)                 |
| -c COLS   | нет          | 50           | Количество вертикальных делений               |
| -r ROWS   | нет          | авто         | Количество горизонтальных делений (авто = квадратные ячейки) |
| -o OUTPUT | нет          | `<name>-grid.<ext>` | Путь для результата                |

## Команда

```bash
python "${CLAUDE_SKILL_DIR}/scripts/overlay-grid.py" "<ImagePath>" [-c 50] [-o "<OutputPath>"]
```

Требуется Python 3 с библиотекой Pillow (`pip install Pillow`).

## Что делает

1. Рисует полупрозрачные вертикальные (красные) и горизонтальные (синие) линии
2. Нумерует линии в отдельных полях сверху и слева (не перекрывает содержимое)
3. Каждая 5-я и 10-я линия выделены ярче для удобства счёта

## Как использовать результат

### 1. Определить границы колонок

Посмотреть на изображение с сеткой и записать координаты вертикальных границ каждой колонки таблицы (в номерах grid-линий).

### 2. Найти базовую решётку

Если на форме несколько таблиц с разной раскладкой (например, шапка документа и основная таблица), объединить все граничные точки. Каждый сегмент между соседними границами, одна колонка MXL.

The rest: https://github.com/Nikolay-Shirokov/cc-1c-skills/blob/HEAD/.claude/skills/img-grid/SKILL.md