AIKraft/AI/Войти
AIKraft/Skills/harden

harden

Делает интерфейсы готовыми к продакшену: обрабатывает ошибки, пустые состояния, i18n, переполнение текста и граничные случаи. Используйте, когда нужно укрепить интерфейс, добавить обработку ошибок или улучшить онбординг.

pbakaus official Разработка ★ 76.2k

Что делает навык

Навык укрепляет интерфейсы, делая их готовыми к продакшену за счет обработки ошибок, пустых состояний, интернационализации (i18n), переполнения текста и граничных случаев. Он решает задачу обеспечения устойчивости UI к реальным сценариям использования, таким как плохая сеть, нестандартные данные или языковые особенности.

Когда применять

  • Необходимо добавить обработку ошибок сети, API и валидации форм, чтобы интерфейс не ломался при сбоях.
  • Требуется адаптировать интерфейс под разные языки, включая RTL, длинные переводы и специфические символы (CJK, emoji).
  • Нужно реализовать корректные пустые состояния (empty states) с призывом к действию для новых пользователей.
  • Следует оптимизировать отображение длинных текстов, больших списков и чисел, предотвратив переполнение контейнеров.

Как работает

  1. Оценить потребности в укреплении: протестировать интерфейс с экстремальными входами (длинный/короткий текст, спецсимволы, большие числа, пустые данные) и сценариями ошибок (сеть, API, валидация).
  2. Улучшить устойчивость текста и макета: применить CSS-классы для переполнения (truncate, line-clamp, wrap), настроить flex/grid для предотвращения выхода за границы и использовать clamp() для адаптивной типографики.
  3. Реализовать поддержку i18n: использовать логические свойства CSS для RTL, UTF-8, Intl API для дат/чисел и библиотеки для плюрализации, избегая фиксированных ширин.
  4. Настроить обработку ошибок: показать понятные сообщения с кнопками повтора, обработать коды статусов API (400, 401, 403, 404, 429, 500) и обеспечить graceful degradation.
  5. Добавить состояния загрузки и пустых состояний: указать, что именно загружается, и предложить четкие действия (CTA) для создания первого элемента или поиска.
  6. Обеспечить доступность и безопасность: проверить навигацию с клавиатуры, ARIA-метки, поддержку reduced-motion, а также реализовать клиентскую и серверную валидацию/санитизацию.

Примеры запросов агенту

Сделай этот интерфейс готовым к продакшену: добавь обработку ошибок сети, пустые состояния с призывом к действию и поддержку длинных текстов.
Укрепи компонент списка: обработай переполнение текста, добавь стили для пустого состояния и проверь корректность отображения при 1000+ элементах.
Адаптируй форму регистрации под i18n: обеспечь поддержку RTL, корректное форматирование дат и чисел, а также валидацию ввода с понятными сообщениями об ошибках.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «harden» из репозитория: # https://github.com/pbakaus/impeccable
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r harden/ ~/.claude/skills/harden/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.