| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |
Создавайте эффективные состояния загрузки, скелетные экраны и пустые состояния, которые поддерживают доверие пользователей. Используйте, когда контент требует времени для загрузки, при отображении прогресса или при обработке сценариев с пустыми данными. Запускается по «состоянию загрузки», «экрану скелета», «пустому состоянию», «спиннеру», «индикатору выполнения», «анимации загрузки», «нулевому состоянию». Источник: sanky369/vibe-building-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw