steelmorgan/img-grid
framework/skills/tool-usage/browser-ui/img-grid/SKILL.md
Use for измерения пропорций и span-ов колонок на скриншоте печатной формы (MXL). Helps точно определить границы ячеек перед генерацией макета табличного документа.
$ install --global
skillsauthnpx skillsauth add steelmorgan/1c-agent-based-dev-framework img-gridInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 13, 2026, 5:37 AM97.8s1 file scanned
SKILL.md
- name:
- img-grid
- description:
- Use for измерения пропорций и span-ов колонок на скриншоте печатной формы (MXL). Helps точно определить границы ячеек перед генерацией макета табличного документа.
- argument-hint:
- <ImagePath> [--cell-size 50] [--cols N] [-o OUTPUT]
img-grid — Сетка для анализа макета
Накладывает пронумерованную сетку на изображение печатной формы. Позволяет точно определить границы колонок, их пропорции и span-ы для генерации макета MXL-документа.
Числа рисуются в отдельных полях вне изображения (верхнее и левое поля), поэтому никогда не перекрывают содержимое формы.
Использование
python3 tools/img-grid/grid.py <ImagePath> [--cell-size 50] [--cols N] [--rows N] [-o OUTPUT]
Параметры
| Параметр | Обязательный | По умолчанию | Описание |
|---|:---:|---|---|
| ImagePath | да | — | Путь к изображению (PNG, JPG) |
| --cell-size N | нет | 50 | Размер ячейки в пикселях (определяет cols/rows автоматически) |
| -c, --cols N | нет | авто | Количество вертикальных делений (перекрывает --cell-size) |
| -r, --rows N | нет | авто | Количество горизонтальных делений (0 = квадратные ячейки) |
| -o OUTPUT | нет | <name>-grid.<ext> | Путь для результата |
Зависимости
pip install Pillow
Что делает скрипт
- Добавляет поля (20 px сверху, 24 px слева) для меток — содержимое не перекрывается.
- Рисует вертикальные линии (красные) и горизонтальные (синие) по сетке.
- Каждая 5-я линия — ярче, каждая 10-я — максимально яркая (легко считать).
- Нумерует линии в полях (сверху — номера колонок, слева — номера строк).
- Сохраняет результат как RGB PNG.
Как использовать результат
1. Определить границы колонок
Смотришь на изображение с сеткой и записываешь номера вертикальных линий на границах каждой колонки таблицы.
2. Найти базовую решётку
Если на форме несколько таблиц с разной раскладкой (шапка + основная таблица), объедини все граничные точки. Каждый сегмент между соседними границами — одна базовая колонка MXL.
Пример для формы М-11 (--cols 48):
- Шапка: границы
0, 2, 4, 9, 14, 21, 28, 34, 40, 48 - Таблица: границы
0, 2, 4, 11, 16, 19, 23, 28, 32, 36, 42, 48 - Объединение:
0, 2, 4, 9, 11, 14, 16, 19, 21, 23, 28, 32, 34, 36, 40, 42, 48 - Результат: 16 базовых колонок с пропорциями
2, 2, 5, 2, 3, 2, 3, 2, 2, 5, 4, 2, 2, 4, 2, 6
3. Записать пропорции
{
"columns": 16,
"page": "A4-landscape",
"columnWidths": {
"1": "2x", "2": "2x", "3": "5x", "4": "2x", "5": "3x",
"6": "2x", "7": "3x", "8": "2x", "9": "2x", "10": "5x",
"11": "4x", "12": "2x", "13": "2x", "14": "4x", "15": "2x", "16": "6x"
}
}
Типичный рабочий процесс (reverse-engineering MXL)
# 1. Сделать скриншот формы
# 2. Наложить сетку с шагом ~50px
python3 tools/img-grid/grid.py form-screenshot.png --cell-size 50 -o form-grid.png
# 3. Изучить форму, поэкспериментировать с количеством делений
python3 tools/img-grid/grid.py form-screenshot.png --cols 48 -o form-grid-48.png
# 4. Передать агенту на анализ: назвать границы колонок по номерам
Целевые агенты
- developer-code — при работе с MXL-формой по скриншоту
- explorer / debugger — при reverse-engineering неизвестных печатных форм
Related Skills
steelmorgan/source-of-truth
testing
VerifiedTrustedCommunity
MUST use BEFORE making a judgment about the cause of a conflict, a test failure, or an artifact dispute. Defines the end-to-end verification method L1→L6 and the classification of the first broken link.
69SKILL.mdUpdated Jun 13, 2026
steelmorgan/skill-learning
development
VerifiedTrustedCommunity
MUST use AFTER a work cycle with ≥2 iterations (wrote → error → fixed → success). Provides the retrospective procedure and the format for recording practice/anti-patterns in references/learned-patterns.md or {project}/.context/learned-patterns.md.
69SKILL.mdUpdated Jun 13, 2026
steelmorgan/rlm-workflow
tools
VerifiedTrustedCommunity
MUST use WHEN you are writing reusable knowledge into RLM (pattern / architectural decision / stable domain fact) OR reading it before a non-trivial task/solution in the domain. Provides the breakdown of native-push vs RLM-pull, tools for writing and reading RLM, H-MEM levels, and hygiene.
69SKILL.mdUpdated Jun 13, 2026
steelmorgan/quick-fix
testing
VerifiedTrustedCommunity
MUST use WHEN the task is classified as simple (< 20 lines, 1 file, no new metadata objects, no architectural decisions). Provides a short cycle of 3 steps with a guard on the self path and mandatory verify.
69SKILL.mdUpdated Jun 13, 2026