# img-grid

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

- скилл · `type=skill` · Claude Code, Codex · 46 установок · ★ 730
- Автор: Nikolay Shirokov
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/HEAD/.claude/skills/img-grid/SKILL.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/skills/img-grid

## Что делает

Скилл запускает скрипт `overlay-grid.py`, который размечает изображение полупрозрачными линиями: вертикальными красными и горизонтальными синими. По умолчанию он делит ширину на 50 вертикальных колонок, а строки рассчитывает автоматически под квадратную ячейку.

Номера линий выносятся на отдельные поля сверху и слева, поэтому разметка не закрывает исходный текст документа. Каждая пятая и десятая направляющая выделены ярче для удобства счёта. Полученные координаты границ помогают рассчитать базовую решётку и пропорции колонок для последующего экспорта в JSON DSL или сборки таблиц 1С.

Для работы скрипта в окружении обязателен Python 3 с библиотекой `Pillow` — без команды `pip install Pillow` запуск завершится ошибкой.

## Установка

### Claude Code (родная платформа)

1. **Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add Nikolay-Shirokov/cc-1c-skills
```
В чате агента (не в терминале):
```text
/plugin install 1c-skills@cc-1c-skills
```
Команда ставит плагин 1c-skills целиком, со всеми его скиллами

2. **Через Skills CLI (Vercel)**
```bash
npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a claude-code
```

3. **Вручную: положить файлы**
- Файл: `~/.claude/skills/img-grid/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/img-grid/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/img-grid/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/skills/img-grid/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Nikolay-Shirokov/cc-1c-skills img-grid
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/img-grid/SKILL.md`

### Gemini CLI

**Командой платформы**
```bash
gemini skills install https://github.com/Nikolay-Shirokov/cc-1c-skills --path .claude/skills/img-grid
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/img-grid/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/HEAD/.claude/skills/img-grid/SKILL.md

## Когда брать
- разметить сеткой скриншот печатной формы или макета
- вычислить точные пропорции колонок для табличных документов 1С
- определить координаты границ колонок для JSON DSL
- найти базовую решётку при объединении нескольких таблиц на одном листе

## Примеры запросов агенту
- Наложи сетку на макет: /img-grid ./docs/invoice.png -c 50
- Разбей изображение на 60 вертикальных делений: /img-grid `form-scan.jpg -c 60 -o form-grid.png`
- Измерь пропорции таблицы на скриншоте ./assets/m11.png через /img-grid

Из того же набора: [nikolay-shirokov/cc-1c-skills](https://affpapa.org/nevibecode/by/nikolay-shirokov/cc-1c-skills.md) — 59 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md