form-visual-requirements
$
npx mdskill add SteelMorgan/1c-agent-based-dev-framework/form-visual-requirementsAnalyzes 1C form screenshots against visual layout and usability checklists to ensure compliance with design standards.
- Helps developers verify form alignment, grouping, and element clarity in 1C applications.
- Integrates with visual-check for analyzing screenshots to assess form design.
- Uses predefined criteria like grid alignment, field widths, and tab order to evaluate forms.
- Presents results as a checklist with actionable recommendations for improvements.
SKILL.md
.github/skills/form-visual-requirementsView on GitHub ↗
--- name: form-visual-requirements description: Чек-лист и критерии проверки компоновки и удобства форм 1С. Используй для анализа скриншотов из visual-check. --- # Визуальные требования к формам Используй этот чек-лист для проверки форм 1С. ## 1. Разметка и выравнивание - [ ] **Выравнивание**: элементы выровнены по сетке, без эффекта «лесенки». - [ ] **Группировка**: логически связанные поля объединены в группы (рамка, страница). - [ ] **Пустоты**: нет больших пустых областей (>150px), если это не задумано. - [ ] **Ширина полей**: - `Код`, `Номер`, `Дата` — узкие. - `Описание`, `Комментарий`, `Адрес` — широкие (растянуты). - Колонки табличных частей — «Авто ширина» или явная ширина для заполнения пространства. ## 2. Элементы и подписи - [ ] **Подписи**: у всех полей есть подписи (или явно указано `TitleLocation=None`). - [ ] **Обрезание**: подписи и значения не должны обрезаться троеточием («…») при наличии места. - [ ] **Надписи флажков**: подпись флажка должна быть понятной (например, «Активен», а не просто чекбокс). - [ ] **Командная панель**: меню «Ещё» не должно скрывать основные действия. ## 3. Удобство использования - [ ] **Порядок табуляции**: фокус перемещается слева направо и сверху вниз. - [ ] **Ключевые поля**: важные идентификаторы (Наименование, Код, Дата) — в левом верхнем углу. - [ ] **Табличные части**: разумная высота (минимум 5–10 видимых строк). - [ ] **Горизонтальная прокрутка**: строго запрещена для основной области формы (вертикальная допускается). ## 4. Специфика по типам объектов ### Справочники - Код/Наименование обычно сверху. - Поле родителя (при иерархии) — заметное. ### Документы - Дата/Номер — вверху. - Статус/Организация/Склад — в заголовке. - Табличные части — в теле формы. - Итоги/Комментарий/Автор — внизу. ### Обработки - Настройки/параметры — сверху или на отдельной вкладке. - Кнопки действий — в командной панели или справа внизу. --- depends_on: [] ---