Чек-лист
кодовое словоДизайн

3 инструмента, чтобы сайт перестал выглядеть как AI-слоп

Чтобы сайт выглядел дорого, агенту нужны референсы, UX-чек-лист и нормальная библиотека компонентов. Внутри 3 инструмента для этого.

Содержание4 глав
  1. 011. Refero MCP
  2. 022. Checklist Design
  3. 033. Uiverse
  4. 04Как использовать

1. Refero MCP

Ссылка: https://doc.refero.design/mcp/getting-started

Команда: claude mcp add --transport http refero https://api.refero.design/mcp

Для чего: агент ищет реальные интерфейсы, user flows и паттерны перед тем, как писать дизайн.

2. Checklist Design

Ссылка: https://www.checklist.design/

Для чего: UX-проверка мелочей: формы, onboarding, empty states, pricing, navigation, accessibility.

3. Uiverse

Ссылка: https://uiverse.io/

Для чего: бесплатные UI-компоненты как база: buttons, cards, loaders, inputs, toggles, effects.

Как использовать

01
Сначала попроси Refero найти 3-5 референсов под нишу
02
Потом собери DESIGN.md: цвета, типографика, spacing, UI-паттерны
03
После генерации прогони страницу по Checklist Design
04
Компоненты из Uiverse бери как основу, но адаптируй под свой стиль
05
Не копируй референсы один в один