серп 2026
База знань з UI/UX для AI-агентів
Посібник із дизайну, плейбук розробки й журнал правил, які агенти-програмісти читають перед створенням інтерфейсу
- ШІ
- База знань
- Тривалість
- 1 місяць
- Роль
- Власник і автор, з Claude Code як співавтором
Огляд
Структурована база знань із дизайну, яку Claude Code чи будь-який інший агент для програмування читає під час створення сайтів, дашбордів і застосунків. Вона містить посібник із дизайну з 21 розділу на основі UI/UX-відео Kole Jain, плейбук розробки з шістьма контрольними точками, журнал усталених правил і перевірені ресурси для розробки.
Інструменти
- Claude Code
- Markdown
- Next.js
- Tailwind CSS
- shadcn/ui
Чому інтерфейси від агентів виглядають шаблонно
AI-агенти для програмування створюють грамотні, але шаблонні інтерфейси: розмитий промпт дає статистичне середнє, модель ніколи не бачить власного рендеру, а без дизайн-системи значення розповзаються від сторінки до сторінки. Поради з дизайну з відео розпорошені, іноді суперечливі, а іноді застарілі для реальної збірки на Next.js і Tailwind 4.
Що в ній є
Основа — посібник із 21 розділу, зведений приблизно з 50 UI/UX-відео Kole Jain, з конкретними значеннями для типографіки, кольору, макета, відступів, компонентів, дашбордів, мобільних інтерфейсів, форм, таблиць, оформлення замовлення, анімації й антипатернів. Поряд лежить синтез 201 відео про те, чому фронтенди, створені AI, виходять невдалими і що це виправляє, проаналізованих 10 паралельними агентами Opus. Каталоги ресурсів перелічують близько 76 репозиторіїв shadcn з їхніми ліцензіями та 18 API фото й відео зі шпаргалкою щодо ліцензій.
Як агент нею користується
Плейбук веде проєкт через фази від 0 до 8 із шістьма контрольними точками: затверджені референси до коду, дизайн-файл до каркаса проєкту, справжні тексти й матеріали, варіанти hero-блоку, перевірка скриншотів на десктопі й мобільних і аудит антипатернів зі збіркою та лінтингом. Журнал рішень розв’язує 14 суперечностей між джерелами, як-от тривалість анімацій і Lucide як типовий набір іконок. Файл маршрутизації спрямовує кожен тип завдання лише до потрібних йому файлів.