# hig-components-dialogs

Скилл подсказывает правила Apple Human Interface Guidelines для модальных окон, алертов, шторок и полей ввода цифр. Пригодится при проектировании UI под iOS, iPadOS, macOS и visionOS.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 647 установок · ★ 148
- Автор: raintree-technology
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/raintree-technology/hig-doctor/tree/HEAD/skills/hig-components-dialogs/SKILL.md
- Обновлён: 2026-10-22
- HTML: https://affpapa.org/nevibecode/skills/hig-components-dialogs

## Что делает

Скилл помогает выбрать подходящий тип отображения: alert, sheet, action sheet или popover. Ассистент оценивает необходимость модальности. Лишние блокировки экрана раздражают пользователей, поэтому скилл часто советует встроенные элементы или отмену действия вместо всплывающего окна. Если модальность оправдана, ассистент подбирает формулировки для кнопок и правила закрытия.

В справочник входят пять компонентов: алерты, шторки, popover, action sheet и поля ввода кода. Для опасных действий скилл требует конкретные глаголы вроде «Удалить» с красным шрифтом. Обычная надпись «OK» исключается. Итоговый ответ содержит обоснование выбора, требования к текстам и альтернативы без всплывающих окон.

Перед началом диалога скилл ищет файл `.claude/apple-design-context.md`. Если файла нет, ассистент запросит платформу и блокирующий характер окна вручную. Это важно учитывать заранее. Поведение одного компонента заметно меняется при переходе с iPhone на iPad, Mac или visionOS.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add raintree-technology/hig-doctor --skill hig-components-dialogs -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add raintree-technology/hig-doctor --skill hig-components-dialogs -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add raintree-technology/hig-doctor --skill hig-components-dialogs -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install raintree-technology/hig-doctor hig-components-dialogs
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add raintree-technology/hig-doctor --skill hig-components-dialogs -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/raintree-technology/hig-doctor --path skills/hig-components-dialogs
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add raintree-technology/hig-doctor --skill hig-components-dialogs -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/raintree-technology/hig-doctor/tree/HEAD/skills/hig-components-dialogs/SKILL.md

## Когда брать
- выбрать между alert, action sheet, popover и sheet по гайдлайнам Apple
- составить понятный текст для диалога подтверждения с кнопками действий
- оформить ввод цифрового PIN-кода с автопереходом и вставкой
- заменить навязчивые модальные окна на встроенный UI или отмену действия

## Примеры запросов агенту
- Что лучше использовать для подтверждения удаления: alert или sheet?
- Как оформить окно ввода проверочного кода по гайдлайнам Apple?
- Когда на iPad и Mac стоит открывать popover вместо шторки?

## Похожие
- [apple-hig](https://affpapa.org/nevibecode/skills/apple-hig.md) — скилл · 3200 установок
- [apple-hig-designer](https://affpapa.org/nevibecode/skills/apple-hig-designer.md) — скилл · 1000 установок
- [mobile-ios-design](https://affpapa.org/nevibecode/skills/mobile-ios-design.md) — скилл · 23659 установок
- [apple-hig-expert](https://affpapa.org/nevibecode/skills/apple-hig-expert.md) — скилл · 662 установки
- [ipados-design-guidelines](https://affpapa.org/nevibecode/skills/ipados-design-guidelines.md) — скилл · 1200 установок
- [ios-hig-design](https://affpapa.org/nevibecode/skills/ios-hig-design.md) — скилл · 8200 установок

Из того же набора: [raintree-technology/hig-doctor](https://affpapa.org/nevibecode/by/raintree-technology/hig-doctor.md) — 14 карточек

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

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