3 ресурса против дженерик-AI-дизайна

Сайты, собранные с нуля через AI-агента, часто выглядят одинаково: те же карточки, те же градиенты, тот же шаблонный набор компонентов. Три ресурса ниже закрывают эту проблему с разных сторон — реальные интерфейсы для референса, чек-листы, чтобы не упустить мелочи, и готовый открытый код компонентов вместо генерации с нуля.

1. Refero — референсы реальных интерфейсов и MCP

• Логика: вместо усреднённого «AI-дизайна» — библиотека реальных экранов и пользовательских флоу из топовых продуктов вроде Stripe, Linear, Notion и Figma.
• Масштаб: свыше 150 тысяч реальных экранов приложений и свыше 6 тысяч записанных пользовательских флоу.
• Установка скилла: npx skills add https://github.com/referodesign/refero_skill --skill refero-design — работает с Claude Code, Cursor, Gemini CLI и Lovable.
• MCP-подключение: настройка на refero.design/mcp, для Claude Code — команда claude mcp add --transport http refero https://api.refero.design/mcp --header "Authorization: Bearer <token>".
• Итог: агент подтягивает реальные паттерны интерфейсов прямо в рабочий процесс, а не придумывает дизайн по усреднённым данным обучения.

2. Checklist Design — чек-листы по мелочам интерфейса

• Логика: подборка предметных чек-листов на типовые страницы, компоненты и сценарии — от биллинга и карьерной страницы до сброса пароля и отмены подписки.
• Категории: Website (страницы вроде billing, careers, pricing, 404), Components (карточки, табы, тултипы, поля ввода), Flows (добавление в корзину, ввод промокода, подтверждение аккаунта).
• Доступ: checklist.design — бесплатно в браузере, есть плагин для Figma.
• Итог: чек-лист держит в фокусе детали, которые обычно теряются при быстрой генерации макета — состояния ошибок, edge-кейсы, мелкие UX-развилки.

3. UIverse — открытая библиотека готовых компонентов

• Логика: готовые UI-компоненты с открытым кодом вместо генерации CSS и анимаций с нуля под каждый элемент интерфейса.
• Масштаб: свыше 7 тысяч компонентов от сообщества, свыше 339 тысяч участников.
• Доступ: uiverse.io, лицензия MIT — бесплатно для личного и коммерческого использования.
• Формат кода: копирование готового кода в HTML/CSS, Tailwind, React или прямо в Figma.
• Итог: готовый компонент берётся как основа и дорабатывается под свой дизайн — вместо шаблонного результата генерации с нуля.

Полный список: 40 сайтов против дженерик-дизайна