Библиотека дизайн-стилей

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

Для тех, кто пишет код через AI и хочет, чтобы результат выглядел как продукт, а не как учебный пример.

Отфильтруйте по типу продукта или стилю. Откройте карточку, скопируйте промпт и вставьте его в самое начало вашего запроса к модели — до описания задачи.

Модель сразу получает систему координат: типографику, отступы, логику цвета. Результат с первой попытки ближе к тому, что вы имели в виду.

Промпты описывают визуальный язык, а не компоненты из библиотеки. Если вы используете конкретный фреймворк (например, shadcn или Ant Design), уточните это отдельно. Часть систем (Apple HIG, Microsoft Fluent) ориентирована на нативные платформы — для веба их нужно адаптировать.