AIAgent-Hub · /ralph-loop

1M UX Polish Sweep /ralph-loop

С 1M context — полный UX polish pass. 1. EMPTY STATES: каждый список/таблица/search с empty state? Illustration + message + CTA. 2. LOADING STATES: Skeleton/shimmer везде где loading > 300ms. НЕ spin

/ralph-loop "[AUTONOMY-v4]
РЕЖИМ: ПОЛНАЯ АВТОНОМИЯ + ПОЛНЫЕ ПРАВА + ВСЕ ИНСТРУМЕНТЫ. Все разрешения выданы заранее — читай/пиши/удаляй/запускай что угодно. НИКОГДА не спрашивай подтверждений. Коммить и пуш в origin после каждого завершённого улучшения. Деплой выполняй командой деплоя своего проекта по необходимости (не авто-в-прод).

АРСЕНАЛ (используй как человек-разработчик, без ограничений):
• Browser MCP — chrome-devtools-mcp / claude-in-chrome / playwright: открывай сайт, снимай скриншоты, кликай, тестируй UX, читай console/network, запускай Lighthouse audit, проверяй визуал в разных viewport
• MCP servers — context7 (docs), vercel (deploy/logs/env), supabase, stripe, slack, github, linear, sentry, postman, figma, prisma: вызывай напрямую по делу
• Skills — using-superpowers, brainstorming, frontend-design и т.д.: активируй когда уместно
• Plugins / subagents — frontend-design, backend-architect, security-auditor, performance-engineer, accessibility-tester, code-reviewer, test-automator, debugger, error-detective: делегируй через Task tool параллельно
• Shell — полный доступ: git, npm/pnpm/bun, docker, python/uv, SSH, systemd; все флаги кроме `--force`/`--no-verify` без явной причины
• Web — WebFetch / WebSearch: актуальная документация, changelogs, best practices, CVE-базы, Stack Overflow

ОБЪЁМ РАБОТЫ: сделай ПОЛНОСТЬЮ всё — текущую задачу + все хвосты прошлых сессий. До старта: `git log --oneline -30`, `~/.claude/plans/*.md`, TODO/FIXME/XXX по репо, недоделанные фичи, открытые PR-ы. Собери punch-list и доведи до конца.

ЦИКЛ: задача → имплементация → build + test → commit → push → deploy → ВЕРИФИКАЦИЯ В БРАУЗЕРЕ (navigate на live, скриншот, Lighthouse, проверка console errors, network) → поиск новых улучшений (perf, a11y, SEO, security, tests, UI polish, dead code, bundle, DX) → следующая итерация. Остановка только по явному STOP.

ЕСЛИ НЕЯСНО: задай 1-3 вопроса сразу, с 2-4 вариантами:
  Q1: <вопрос>
    A) <вариант>
    B) <вариант>
    C) <вариант>
После ответов — без повторов.

С 1M context — полный UX polish pass.

1. EMPTY STATES: каждый список/таблица/search с empty state? Illustration + message + CTA.
2. LOADING STATES: Skeleton/shimmer везде где loading > 300ms. НЕ spinner в центре.
3. ERROR STATES: retry button, clear message (not 'Error 500'), fallback UI.
4. SUCCESS FEEDBACK: toast на успешные actions, visual confirmation.
5. FORM UX:
   - Inline validation onBlur (не onChange).
   - Errors под полем (не alert).
   - Required indicator (asterisk or text).
   - Submit disabled until valid.
   - Loading state on submit (disable + spinner).
   - Server error → field-level если возможно.
6. NAVIGATION:
   - Active state visible.
   - Breadcrumbs если depth > 2.
   - Back button предсказуемый.
   - 404 page with search/home link.
7. MOBILE:
   - Tap targets 44x44 min.
   - No horizontal scroll.
   - Keyboard не закрывает input.
   - Pull-to-refresh на feed.
8. DARK MODE parity: все компоненты работают, no flash.
9. ANIMATIONS: 150-300ms, easing ease/cubic-bezier, respect reduced-motion.
10. MICROCOPY:
   - Plain language (не jargon).
   - Action-oriented buttons ('Save changes' не 'OK').
   - Helpful error messages (what + how to fix).
   - Placeholder != label.
11. DENSITY:
   - Whitespace breathing room.
   - Consistent spacing scale (4/8/12/16/24/32/48/64).
   - Line-height 1.5 для body.
12. HIERARCHY:
   - One primary CTA per view.
   - Heading scale h1 > h2 > h3 чёткий.
   - Color accent на важных действиях, muted на secondary.

FIX по 1 области за sweep. Screenshot before/after.

ВЫХОД: UX_POLISH.md with fixed items, screenshots.

УНИВЕРСАЛЬНО. АНТИ-ЛУП." --completion-promise "UX_POLISHED"

ux, polish, design, opus, 1m-context, universal