Claude Code + 2 плагина = «дизайнерские» сайты
Источник
Instagram-reel, автор artemiy.miller: https://www.instagram.com/reel/DbnEQO2M8B5/
Claude Code + два плагина = сайты, которые выглядят как будто собрал дизайнер. Оба бесплатные, ставятся одной командой прямо в Claude Code.
Разбор
Два инструмента, чтобы Claude Code генерил вёрстку «не стыдно показать» без кастомного CSS, Figma и дизайнера:
- UI UX Pro Max skill —
github.com/nextlevelbuilder/ui-ux-pro-max-skill. Библиотека дизайн-пресетов: 67 стилей, 161 палитра, 57 пар шрифтов. Скилл в формате Claude Code. - Magic MCP (от 21st.dev) —
github.com/21st-dev/magic-mcp. MCP-сервер: анимации, glassmorphism, нормальные лейауты.
Релевантность Сергею: прямо в его тему — он работает в Claude Code и рассматривал vibe-шаблон под новые веб-проекты. Эти два плагина закрывают именно «сайт выглядит криво» при генерации агентом. UI UX Pro Max уже мелькал у него в подборке 5 скиллов (там помечен как установленный) — стоит свериться, стоит ли он на forge.
План
- Проверить, установлен ли UI UX Pro Max skill в рабочем Claude Code (по заметке 16.07 — «уже установлены»).
- Оценить Magic MCP от 21st.dev — подключить при следующем веб-проекте (в связке с vibe-шаблоном).