Img Grid
Arman-Kudaibergenov/1c-ai-development-kit
Этот скилл MUST быть вызван когда нужно наложить пронумерованную сетку на изображение для определения пропорций колонок макета.
Наложить пронумерованную сетку на изображение. An agent skill from Nikolay-Shirokov/cc-1c-skills.
MITAuto-check: notes
Install Img Grid
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-grid --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/img-grid .claude/skills/img-grid && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .claude/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-gridType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-grid --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/img-grid .agents/skills/img-grid && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .agents/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-grid --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/img-grid .cursor/skills/img-grid && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .cursor/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Nikolay-Shirokov/cc-1c-skills.git --path .claude/skills/img-grid--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-grid --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/img-grid .gemini/skills/img-grid && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .gemini/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-gridInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/img-grid .github/skills/img-grid && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .github/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Nikolay-Shirokov/cc-1c-skills img-grid --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Nikolay-Shirokov/cc-1c-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/img-grid .opencode/skills/img-grid && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "img-grid" agent skill from https://github.com/Nikolay-Shirokov/cc-1c-skills/tree/main/.claude/skills/img-grid into .opencode/skills/img-grid/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "img-grid", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
img-grid- GitHub stars
- 680
- Token cost
- ~689 tokens
- SKILL.md length
- 250 words
- Files
- 2 (incl. scripts)
- Skills in repo
- 81
- Repo updated
- First seen
- Licence
- MIT
At a glance
Наложить пронумерованную сетку на изображение. An agent skill from Nikolay-Shirokov/cc-1c-skills.
- Works in 4 steps: Определить границы колонок → Найти базовую решётку → Записать в JSON DSL → …
- SKILL.md covers Использование, Параметры, Команда and Что делает, plus 1 more section
- Runs Python scripts from its folder; calls python and pip
What it does
Img Grid is an agent skill from Nikolay-Shirokov/cc-1c-skills. Наложить пронумерованную сетку на изображение. Используй при анализе скриншота макета или печатной формы — измерить пропорции колонок перед генерацией табличного документа
Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/overlay-grid.py`).
The repository describes itself as: Набор навыков для AI(ИИ)-агентов (Claude Code, Cursor, Codex и др.), помогающий охватить полный цикл разработки на платформе 1С:Предприятие 8.3. Даёт модели абстракции над… The licence is MIT.
Example prompts
- “/img-grid”
Requirements
- Python 3
- Pre-approved tools (allowed-tools): Bash, Read
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 1fa205b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
BashRead
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
pythonpip
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Img Grid loads about 689 tokens when it runs. Until then it costs about 45 tokens; SKILL.md has 250 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
allowed-tools: Bash, Read
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from Nikolay-Shirokov/cc-1c-skills at commit 1fa205b, republished under its MIT licence (© Nikolay-Shirokov). 250 words, ~689 tokens.
Download SKILL.mdSave it as
.claude/skills/img-grid/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- img-grid
- description
- Наложить пронумерованную сетку на изображение. Используй при анализе скриншота макета или печатной формы — измерить пропорции колонок перед генерацией табличного документа
- allowed-tools
- Bash, Read
- argument-hint
- <ImagePath> [-c COLS]
/img-grid — Сетка для анализа макета
Накладывает пронумерованную сетку на изображение печатной формы. Позволяет точно определить границы колонок, их пропорции и span-ы для генерации макета табличного документа.
Использование
/img-grid <ImagePath> [-c COLS] [-o OUTPUT]Параметры
| Параметр | Обязательный | По умолчанию | Описание |
|---|---|---|---|
| ImagePath | да | — | Путь к изображению (PNG, JPG) |
| -c COLS | нет | 50 | Количество вертикальных делений |
| -r ROWS | нет | авто | Количество горизонтальных делений (авто = квадратные ячейки) |
| -o OUTPUT | нет | <name>-grid.<ext> | Путь для результата |
Команда
python "${CLAUDE_SKILL_DIR}/scripts/overlay-grid.py" "<ImagePath>" [-c 50] [-o "<OutputPath>"]Требуется Python 3 с библиотекой Pillow (pip install Pillow).
Что делает
- Рисует полупрозрачные вертикальные (красные) и горизонтальные (синие) линии
- Нумерует линии в отдельных полях сверху и слева (не перекрывает содержимое)
- Каждая 5-я и 10-я линия выделены ярче для удобства счёта
Как использовать результат
1. Определить границы колонок
Посмотреть на изображение с сеткой и записать координаты вертикальных границ каждой колонки таблицы (в номерах grid-линий).
2. Найти базовую решётку
Если на форме несколько таблиц с разной раскладкой (например, шапка документа и основная таблица), объединить все граничные точки. Каждый сегмент между соседними границами — одна колонка MXL.
Пример для М-11:
- Шапка: границы 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. Записать в JSON DSL
{
"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"
}
}Поле "page" позволяет компилятору автоматически вычислить абсолютные ширины из пропорций.
4. Скомпилировать
/mxl-compile → /mxl-validate → /mxl-info
© Nikolay-Shirokov, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file (scripts) in .claude/skills/img-grid of Nikolay-Shirokov/cc-1c-skills.
- SKILL.md
- scripts/overlay-grid.py
Open the folder on GitHubat commit 1fa205b
Compare with similar skills
Img Grid next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Img Grid this skillNikolay-Shirokov/cc-1c-skills | 680 | — | ~689 | Automated safety check: Notes | MIT | |
| Img GridArman-Kudaibergenov/1c-ai-development-kit | 166 | — | ~715 | Automated safety check: Notes | AGPL-3.0 | |
| CSS Gridthedaviddias/Front-End-Checklist | 74k | — | ~493 | Automated safety check: Pass | MIT | |
| Video Template Frame Swiss Gridnexu-io/open-design | 100k | — | ~310 | Automated safety check: Pass | Apache-2.0 | |
| Composing Grid CanvasesPostHog/posthog | 40k | — | ~2.1k | Automated safety check: Pass | Custom licence | |
| Img Grid Analysiscomol/ai_rules_1c | 481 | — | ~619 | Automated safety check: Pass | None |
Similar skills
CSS Grid
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional layouts.
Video Template Frame Swiss Grid
nexu-io/open-design
Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout
- Official
Composing Grid Canvases
PostHog/posthog
Compose PostHog grid canvases — widget grids (including the user's home canvas) built from reusable component canvases.
Img Grid Analysis
comol/ai_rules_1c
Overlay a numbered grid on an image to determine column proportions for layout generation.
Performing Power Grid Cybersecurity Assessment
mukul975/Anthropic-Cybersecurity-Skills
Conduct cybersecurity assessments of power grid infrastructure spanning generation, transmission substations, distribution, and EMS control centers, covering NERC CIP compliance verification, IEC…
More from Nikolay-Shirokov/cc-1c-skills
All 81 skills in this repoDB Repo
Nikolay-Shirokov/cc-1c-skills
Работа с хранилищем конфигурации 1С. An agent skill from Nikolay-Shirokov/cc-1c-skills.
Form Compile
Nikolay-Shirokov/cc-1c-skills
Компиляция управляемой формы 1С из JSON-определения или из метаданных объекта.
Cf Edit
Nikolay-Shirokov/cc-1c-skills
Точечное редактирование конфигурации 1С. An agent skill from Nikolay-Shirokov/cc-1c-skills.
Form Edit
Nikolay-Shirokov/cc-1c-skills
Правка существующей управляемой формы 1С — элементы, реквизиты, команды и свойства самой формы.
Cf Init
Nikolay-Shirokov/cc-1c-skills
Создать пустую конфигурацию 1С (scaffold XML-исходников). An agent skill from Nikolay-Shirokov/cc-1c-skills.
Cfe Init
Nikolay-Shirokov/cc-1c-skills
Создать расширение конфигурации 1С (CFE) — scaffold XML-исходников.
Questions about Img Grid
What does Img Grid do?
Наложить пронумерованную сетку на изображение. An agent skill from Nikolay-Shirokov/cc-1c-skills. Img Grid is an agent skill from Nikolay-Shirokov/cc-1c-skills. Наложить пронумерованную сетку на изображение.
How do I install Img Grid in Claude Code?
Run `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a claude-code`. Or copy the skill folder (.claude/skills/img-grid in Nikolay-Shirokov/cc-1c-skills) into .claude/skills/img-grid in your project. Claude Code loads it when a task matches its description.
How do I install Img Grid in Codex?
Run `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a codex`. Or copy the skill folder (.claude/skills/img-grid in Nikolay-Shirokov/cc-1c-skills) into .agents/skills/img-grid in your project. Codex loads it when a task matches its description.
Can I use Img Grid in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Nikolay-Shirokov/cc-1c-skills --skill img-grid -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/img-grid, .gemini/skills/img-grid, .github/skills/img-grid and .opencode/skills/img-grid in your project.
What does Img Grid need to run?
Going by SKILL.md and its folder, Img Grid needs Python for the scripts in its folder and the command-line tools its instructions call (python and pip). Our summary lists: Python 3. Its frontmatter pre-approves these tools: Bash, Read.
Does Img Grid access the network?
SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Img Grid safe to install?
Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Img Grid use?
Img Grid is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Img Grid use?
About 689 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Img Grid?
Skills that share tags, products or a category with Img Grid: Img Grid (Arman-Kudaibergenov/1c-ai-development-kit, 166 stars), CSS Grid (thedaviddias/Front-End-Checklist, 74k stars), Video Template Frame Swiss Grid (nexu-io/open-design, 100k stars) and Composing Grid Canvases (PostHog/posthog, 40k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Img Grid?
Nikolay-Shirokov (a GitHub user) maintains it in Nikolay-Shirokov/cc-1c-skills, which has 680 GitHub stars. The repository holds 81 skills in this directory. The repository was last updated on October 5, 2026.
Source: Nikolay-Shirokov/cc-1c-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.