img-grid

Name: img-grid
Author: Arman-Kudaibergenov

150stars20forks

How to install img-grid?

arman-kudaibergenov/1c-ai-development-kit/img-grid

$npx -y skills add Arman-Kudaibergenov/1c-ai-development-kit --skill img-grid

Installs into the current project.

Summary

Этот скилл MUST быть вызван когда нужно наложить пронумерованную сетку на изображение для определения пропорций колонок макета. SHOULD также вызывать при проектировании формы на основе изображения-прототипа. Do NOT использовать для других задач анализа изображений.

Files · 1

View on GitHub

SKILL.md

1	# /img-grid — Сетка для анализа макета
2
3	Накладывает пронумерованную сетку на изображение печатной формы. Позволяет точно определить границы колонок, их пропорции и span-ы для генерации макета табличного документа.
4
5	## Использование
6
7	```
8	/img-grid <ImagePath> [-c COLS] [-o OUTPUT]
9	```
10
11	## Параметры
12
13	\| Параметр \| Обязательный \| По умолчанию \| Описание \|
14	\|-----------\|:------------:\|--------------\|-----------------------------------------------\|
15	\| ImagePath \| да \| — \| Путь к изображению (PNG, JPG) \|
16	\| -c COLS \| нет \| 50 \| Количество вертикальных делений \|
17	\| -r ROWS \| нет \| авто \| Количество горизонтальных делений (авто = квадратные ячейки) \|
18	\| -o OUTPUT \| нет \| `<name>-grid.<ext>` \| Путь для результата \|
19
20	## Команда
21
22	```bash
23	python .claude/skills/img-grid/scripts/overlay-grid.py "<ImagePath>" [-c 50] [-o "<OutputPath>"]
24	```
25
26	Требуется Python 3 с библиотекой Pillow (`pip install Pillow`).
27
28	## Что делает
29
30	1. Рисует полупрозрачные вертикальные (красные) и горизонтальные (синие) линии
31	2. Нумерует линии в отдельных полях сверху и слева (не перекрывает содержимое)
32	3. Каждая 5-я и 10-я линия выделены ярче для удобства счёта
33
34	## Как использовать результат
35
36	### 1. Определить границы колонок
37
38	Посмотреть на изображение с сеткой и записать координаты вертикальных границ каждой колонки таблицы (в номерах grid-линий).
39
40	### 2. Найти базовую решётку
41
42	Если на форме несколько таблиц с разной раскладкой (например, шапка документа и основная таблица), объединить все граничные точки. Каждый сегмент между соседними границами — одна колонка MXL.
43
44	Пример для М-11:
45	- Шапка: границы 0, 2, 4, 9, 14, 21, 28, 34, 40, 48
46	- Таблица: границы 0, 2, 4, 11, 16, 19, 23, 28, 32, 36, 42, 48
47	- Объединение: 0, 2, 4, 9, 11, 14, 16, 19, 21, 23, 28, 32, 34, 36, 40, 42, 48
48	- Результат: 16 базовых колонок с пропорциями 2, 2, 5, 2, 3, 2, 3, 2, 2, 5, 4, 2, 2, 4, 2, 6
49
50	### 3. Записать в JSON DSL
51
52	```json
53	{
54	"columns": 16,
55	"page": "A4-landscape",
56	"columnWidths": {
57	"1": "2x", "2": "2x", "3": "5x", "4": "2x", "5": "3x",
58	"6": "2x", "7": "3x", "8": "2x", "9": "2x", "10": "5x",
59	"11": "4x", "12": "2x", "13": "2x", "14": "4x", "15": "2x", "16": "6x"
60	}
61	}
62	```
63
64	Поле `"page"` позволяет компилятору автоматически вычислить абсолютные ширины из пропорций.
65
66	### 4. Скомпилировать
67
68	`/mxl-compile` → `/mxl-validate` → `/mxl-info`

People who liked this also viewed

6 picks

Type

img-grid

150stars20forks

View on GitHub

How to install img-grid?

arman-kudaibergenov/1c-ai-development-kit/img-grid

$npx -y skills add Arman-Kudaibergenov/1c-ai-development-kit --skill img-grid

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# /img-grid — Сетка для анализа макета
2
3	Накладывает пронумерованную сетку на изображение печатной формы. Позволяет точно определить границы колонок, их пропорции и span-ы для генерации макета табличного документа.
4
5	## Использование
6
7	```
8	/img-grid <ImagePath> [-c COLS] [-o OUTPUT]
9	```
10
11	## Параметры
12
13	\| Параметр \| Обязательный \| По умолчанию \| Описание \|
14	\|-----------\|:------------:\|--------------\|-----------------------------------------------\|
15	\| ImagePath \| да \| — \| Путь к изображению (PNG, JPG) \|
16	\| -c COLS \| нет \| 50 \| Количество вертикальных делений \|
17	\| -r ROWS \| нет \| авто \| Количество горизонтальных делений (авто = квадратные ячейки) \|
18	\| -o OUTPUT \| нет \| `<name>-grid.<ext>` \| Путь для результата \|
19
20	## Команда
21
22	```bash
23	python .claude/skills/img-grid/scripts/overlay-grid.py "<ImagePath>" [-c 50] [-o "<OutputPath>"]
24	```
25
26	Требуется Python 3 с библиотекой Pillow (`pip install Pillow`).
27
28	## Что делает
29
30	1. Рисует полупрозрачные вертикальные (красные) и горизонтальные (синие) линии
31	2. Нумерует линии в отдельных полях сверху и слева (не перекрывает содержимое)
32	3. Каждая 5-я и 10-я линия выделены ярче для удобства счёта
33
34	## Как использовать результат
35
36	### 1. Определить границы колонок
37
38	Посмотреть на изображение с сеткой и записать координаты вертикальных границ каждой колонки таблицы (в номерах grid-линий).
39
40	### 2. Найти базовую решётку
41
42	Если на форме несколько таблиц с разной раскладкой (например, шапка документа и основная таблица), объединить все граничные точки. Каждый сегмент между соседними границами — одна колонка MXL.
43
44	Пример для М-11:
45	- Шапка: границы 0, 2, 4, 9, 14, 21, 28, 34, 40, 48
46	- Таблица: границы 0, 2, 4, 11, 16, 19, 23, 28, 32, 36, 42, 48
47	- Объединение: 0, 2, 4, 9, 11, 14, 16, 19, 21, 23, 28, 32, 34, 36, 40, 42, 48
48	- Результат: 16 базовых колонок с пропорциями 2, 2, 5, 2, 3, 2, 3, 2, 2, 5, 4, 2, 2, 4, 2, 6
49
50	### 3. Записать в JSON DSL
51
52	```json
53	{
54	"columns": 16,
55	"page": "A4-landscape",
56	"columnWidths": {
57	"1": "2x", "2": "2x", "3": "5x", "4": "2x", "5": "3x",
58	"6": "2x", "7": "3x", "8": "2x", "9": "2x", "10": "5x",
59	"11": "4x", "12": "2x", "13": "2x", "14": "4x", "15": "2x", "16": "6x"
60	}
61	}
62	```
63
64	Поле `"page"` позволяет компилятору автоматически вычислить абсолютные ширины из пропорций.
65
66	### 4. Скомпилировать
67
68	`/mxl-compile` → `/mxl-validate` → `/mxl-info`

People who liked this also viewed

6 picks

Type