Сегодня поделюсь крутой штукой, которая избавит вас от мучений с v0.dev и платными дизайн-MCP типа 21dev.
В чем проблема?
И Cursor, и Claude Code умеют использовать контекстные инструкции для эмуляции нужного поведения. Это позволяет придерживаться выбранного стека и архитектуры, но...
С UI/UX всё плохо:
- Шрифты криво
- Отступы рандомные
- Навигация непонятная
- Дизайн без UI Kit = отстой
Решение: UI/UX Persona
В Claude Code создаём персону дизайнера через кастомную slash-команду.
Как настроить:
1. Создаём команду
/persona-ui2. Загружаем в неё промпт UI/UX дизайнера
3. Вызываем когда нужно решить вопросы верстки
Пример использования:
act as /persona-ui and think how to make UX
of my losos app better, before implementation
show me your step-by-step plan
Важно: слово
think в промпте запускает анализ!Что получите:
- Пошаговый план улучшений
- Консистентный дизайн
- Правильные отступы и типографику
- UX-решения на основе best practices
Стартовый промпт
https://www.notion.so/UI-UX-Designer-Persona-2307ae65a5e0806b95ecf1a3bff73d49?pvs=21
Обязательно адаптируйте промпт под свой проект и стиль - так результат будет в разы лучше.