# error-handling-ux

Скилл для проектирования ошибок в продукте: как их предотвратить, показать и дать пользователю выход. Пригодится, когда сбои встречаются в нескольких сценариях сразу.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2200 установок · ★ 3117
- Автор: Owl-Listener
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/Owl-Listener/designer-skills/tree/HEAD/interaction-design/skills/error-handling-ux/SKILL.md
- Обновлён: 2026-09-05
- HTML: https://affpapa.org/nevibecode/skills/error-handling-ux

## Что делает

Скилл задаёт агенту роль специалиста по ошибкам в интерфейсе. Работа идёт по четырём уровням: предотвращение (проверка до отправки, подсказки, подтверждение опасных действий, автосохранение), обнаружение (валидация поля и формы, сетевые сбои, таймауты, права доступа), сообщение и восстановление. Последний уровень — про то, что форма не должна очищаться при ошибке, что для временных сбоев нужен повтор, а для случайных действий — отмена.

Формат сообщения скилл разбирает на три части: что случилось, почему и что делать. Отдельно расписаны состояния по контексту — форма, страница, сеть, пустой результат, нехватка прав. Советует не винить пользователя в тексте и не отделываться фразой вроде «что-то пошло не так».

Внутри только `SKILL.md` с описанием подхода, без скриптов и внешних зависимостей. Для валидации внутри одной формы автор отсылает к другому скиллу — `form-design`; здесь речь о продукте целиком. Если у вас ошибки живут в одном месте и не пересекают сценарии, этот скилл дублирует то, что вы уже делаете.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Owl-Listener/designer-skills error-handling-ux
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Owl-Listener/designer-skills --path interaction-design/skills/error-handling-ux
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill error-handling-ux -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Owl-Listener/designer-skills/tree/HEAD/interaction-design/skills/error-handling-ux/SKILL.md

## Когда брать
- развести тексты ошибок по уровням важности
- сохранить введённые данные при сбое отправки
- добавить повтор для сетевых сбоев и таймаутов
- объяснить пользователю, каких прав ему не хватает
- проверить пустые состояния и пути восстановления

## Примеры запросов агенту
- пройди по флоу оформления заказа и найди места, где ошибка оставляет пользователя без выхода
- перепиши сообщения об ошибках в форме регистрации: что случилось, почему, что делать
- проверь, что происходит при обрыве сети на этапе оплаты

## Похожие
- [correctness-and-error-handling](https://affpapa.org/nevibecode/skills/correctness-and-error-handling.md) — скилл · 1900 установок
- [golang-error-handling](https://affpapa.org/nevibecode/skills/golang-error-handling.md) — скилл · 43400 установок
- [error-handling-patterns](https://affpapa.org/nevibecode/skills/error-handling-patterns.md) — скилл · 22957 установок
- [python-error-handling](https://affpapa.org/nevibecode/skills/python-error-handling.md) — скилл · 14116 установок
- [error-handling](https://affpapa.org/nevibecode/skills/error-handling.md) — скилл · 4800 установок
- [iii-error-handling](https://affpapa.org/nevibecode/skills/iii-error-handling.md) — скилл · 4100 установок

Из того же набора: [owl-listener/designer-skills](https://affpapa.org/nevibecode/by/owl-listener/designer-skills.md) — 111 карточек

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

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