# UI/UX Skill (Knowledge Base Integration)

## 1. Reference Analysis
Перед созданием кода проанализируй прикрепленный референс по следующим критериям:
- Цветовая палитра и типографика.
- Визуальный ритм, отступы и сетка.
- Логика расположения элементов и CTA-стратегия.
- Reference Priority: Если пользователь прикрепил изображение к сообщению, оно считается Main Reference (главным вектором). Файлы из папки references/ используются как дополнительные стилистические уточнения.

## 2. CSV Data Strategy (Manual Mode)
Для выбора стилей используй данные из папки `data/` согласно алгоритму:
1. **Тип проекта:** Найдите соответствие в `ui-reasoning.csv` (Style_Priority, Color_Mood, Key_Effects).
2. **Детализация:** Возьми HEX-коды и параметры эффектов из `styles.csv` и `colors.csv`.
3. **Типографика:** Подбери пару из `typography.csv` по настроению (Mood).
4. **Реализация:** Используй CSS-свойства из соответствующих стеков (например, `stacks/html-tailwind.csv` или `css-native`).

## 3. Consistency Rules
- Если референс конфликтует с ранее созданными секциями, приоритет отдается уже сформированному стилю сайта.
- Все элементы (кнопки, иконки, карточки) должны выглядеть как части единой дизайн-системы.
- Проверка по чек-листу из `ux-guidelines.csv` (контраст, доступность).