Красивые сайты из Claude за 5 минут — инструкция

12 июня 2026 г.

Два инструмента которые дают Claude дизайнерский вкус. После установки пишешь «собери лендинг» — и получаешь нормальный результат, не шаблон из 2015-го.

Уровень 1 — Без терминала (начни здесь)

Устанавливается прямо в Claude Code. Терминал не нужен.

Что это даёт: Claude получает базу из 50+ стилей, 161 цветовой палитры и 57 пар шрифтов. Начинает понимать как должно выглядеть красиво.

Шаг 1. Открой свой проект в Claude Code.

Шаг 2. Напиши в чате Claude Code и нажми Enter:

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

Шаг 3. Когда выполнится, напиши следующее и нажми Enter:

/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Готово. Теперь попроси Claude собрать сайт — результат будет отличаться от стандартного.

Уровень 2 — С терминалом (для тех кто хочет больше)

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

Что это даёт: Claude начинает делать glassmorphism, плавные анимации и живые элементы — не статичную болванку.

Шаг 1. Зайди на 21st.dev → зарегистрируйся → скопируй свой API-ключ в личном кабинете.

Шаг 2. Открой Терминал (Mac) или PowerShell (Windows). Вставь команду, заменив ВАШ_КЛЮЧ на ключ из Шага 1:

npx @21st-dev/cli@latest install claude --api-key ВАШ_КЛЮЧ

Шаг 3. Полностью закрой Claude Code и открой снова.

Готово. Теперь у Claude есть и вкус, и умение делать живые анимации.