Скиллы и MCP с тегом «ui»

impeccable pbakaus скилл Скилл для ИИ-агента: проектирует и переделывает интерфейсы — лендинги, дашборды, формы, экраны iOS и Android. Пригодится, когда вёрстку пора привести в порядок по правилам дизайна. Claude Code CX Codex Cursor +1 359 200установок emil-design-eng emilkowalski скилл Скилл задаёт правила для полировки интерфейсов, компонентов и анимаций. Пригодится, когда UI работает, но требует более точных состояний и переходов. Claude Code CX Codex Cursor +1 385 500установок review-animations emilkowalski скилл Проверяет код интерфейсных анимаций по принципам Эмиля Ковальски. Помогает убрать дерганые переходы, медленный ease-in и лишнюю нагрузку на процессор. Claude Code CX Codex Cursor +1 254 100установок animation-vocabulary emilkowalski скилл Скилл подбирает точный термин для описанной веб-анимации. Пригодится, когда эффект нужно понятно назвать для промпта или дизайнера. Claude Code CX Codex Cursor +1 236 900установок improve-animations emilkowalski скилл Скилл проводит ревизию анимаций в кодовой базе и составляет готовые планы доработок. Помогает найти неудачные тайминги и прыгающие элементы, не меняя код напрямую. Claude Code CX Codex Cursor +1 222 000установок find-animation-opportunities emilkowalski скилл Ищет в коде и интерфейсе места для уместной анимации, а лишние варианты отбрасывает. Подходит для проверки идеи «сделать интерфейс живее». Claude Code CX Codex Cursor +1 206 800установок prototype emilkowalski скилл Скилл собирает несколько по-настоящему разных вариантов одного куска UI и ставит их за визуальный пикер: переключаете на ходу и выбираете тот, что нравится больше. Claude Code CX Codex Cursor +1 172 400установок animate emilkowalski скилл Создаёт анимации интерфейса с нуля по принципам Эмиля Ковальски. Пригодится при верстке переходов или оживлении компонентов. Claude Code CX Codex Cursor +1 170 400установок hallmark Nutlope скилл Задаёт жесткие правила верстки для веб-страниц, чтобы интерфейсы нейросетей не выглядели шаблонными. Нужен при создании нового дизайна или полном редизайне. Claude Code CX Codex Cursor +1 69 100установок ask-sonner emilkowalski скилл Справочник по Sonner, React-библиотеке тостов: подключение, вызовы toast(), стили и разбор поломок. Claude Code CX Codex Cursor +1 138 600установок ui-styling claudekit скилл Скилл для сборки доступных интерфейсов на shadcn/ui и Tailwind CSS: компоненты, темы, тёмная тема, адаптивные сетки и canvas-дизайн. Claude Code CX Codex Cursor +1 40 200установок frontend-ui-engineering addyosmani скилл Задаёт ИИ-агенту правила верстки интерфейсов без типичных нейросетевых клише: фиолетовых кнопок, случайных градиентов и скруглений rounded-2xl. Помогает собирать компоненты по WCAG 2.1 AA. Claude Code CX Codex Cursor +1 66 600установок break-ui emilkowalski скилл Скилл проверяет интерфейс на реалистичных крайних данных и показывает, что ломается. Пригодится перед выпуском компонента или экрана. Claude Code CX Codex Cursor +1 63 300установок daisyui saadeghi скилл Скилл подключает к ИИ-агенту справочник компонентов daisyUI 5, чтобы тот писал разметку на готовых классах, а не выдумывал свои. Claude Code CX Codex Cursor +1 12 000установок make-interfaces-feel-better jakubkrehel скилл Скилл помогает доводить детали интерфейса: от радиусов и иконок до анимаций. Пригодится при сборке компонентов и ревью фронтенд-кода. Claude Code CX Codex Cursor +1 73 200установок interface-design Dammyjay93 скилл Скилл помогает проектировать и проверять интерфейсы продуктов: дашборды, админки, SaaS-приложения и инструменты. Он нужен, когда важны иерархия, состояния и единый стиль. Claude Code CX Codex Cursor +1 30 700установок taste-design официальный google-labs-code скилл Скилл формирует файл DESIGN.md для Google Stitch, задавая строгие дизайн-правила против шаблонных интерфейсов. Помогает настроить типографику, палитру и микроанимации для генерации экранов. Claude Code CX Codex Cursor +1 20 100установок nuxt-ui nuxt скилл Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки. Claude Code CX Codex Cursor +1 19 700установок bmad-agent-ux-designer bmad-code-org скилл Подключает к проекту субагента Sally для проектирования пользовательского опыта и подготовки UX-спецификаций. Пригодится при детальной проработке интерфейсов перед написанием кода. Claude Code CX Codex Cursor +1 11 600установок playground официальный Anthropic скилл Создаёт интерактивные HTML-песочницы с настройками, предпросмотром и готовым промптом. Подходит для визуального изучения темы или сборки небольшого инструмента. Claude Code 7 967установок better-ui jakubkrehel скилл Скилл задаёт точные правила для радиусов, теней, иконок и анимаций интерфейса. Пригодится, когда базовые взаимодействия уже работают и нужна визуальная доводка. Claude Code CX Codex Cursor +1 38 900установок frontend-design-direction affaan-m скилл Скилл задаёт направление для веб-интерфейсов: помогает продумать и проверить визуальную иерархию, состояния, адаптивность и доступность. Claude Code CX Codex Cursor +1 5 300установок stitch::generate-design официальный google-labs-code скилл Скилл превращает текстовое описание или картинку в готовый экран интерфейса через Stitch MCP, а потом правит его точечными промптами. Claude Code CX Codex Cursor +1 10 700установок baseline-ui ibelick скилл Очищает фронтенд-код от типичных артефактов нейросетей: правит отступы, сетку, шрифты и анимации. Пригодится для быстрой полировки интерфейса перед релизом. Claude Code CX Codex Cursor +1 24 100установок ui-demo affaan-m скилл Скилл записывает демо-ролики веб-приложения через Playwright: видимый курсор, ровный темп, раскадровка по шагам. Пригодится для онбординга и презентаций. Claude Code CX Codex Cursor +1 4 700установок make-interfaces-feel-better affaan-m скилл Скилл помогает находить и исправлять детали интерфейса: отступы, типографику, состояния элементов и анимации. Подходит для UI-ревью и доработки компонентов. Claude Code CX Codex Cursor +1 4 600установок better-interface jakubkrehel скилл Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. Сводит отчёты узких скиллов в единый список замечаний по приоритету. Claude Code CX Codex Cursor +1 29 700установок better-writing jakubkrehel скилл Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. Он помогает выдержать единый тон продукта и не заводить тупиковых сценариев. Claude Code CX Codex Cursor +1 28 700установок transitions-dev Jakubantalik скилл Набор из 12 готовых CSS-переходов для модалок, выпадающих меню, бейджей и карточек. Скилл учит ИИ внедрять чистую анимацию без библиотек и лишней разметки. Claude Code CX Codex Cursor +1 1 900установок chakra-ui-builder chakra-ui скилл Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. Пригодится для компонентов, страниц и layout. Claude Code CX Codex Cursor +1 3 500установок figma-generate-design официальный openai скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники. Claude Code CX Codex Cursor +1 2 900установок shadcn-vue unovue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind. Claude Code CX Codex Cursor +1 5 700установок interface-review jakubkrehel скилл Проверяет ветки, пулл-реквесты и незакоммиченные правки на дефекты UI, вёрстки, типографики и доступности. Показывает, что именно сломалось или добавилось в интерфейсе. Claude Code CX Codex Cursor +1 18 100установок flutter-build-responsive-layout flutter скилл Скилл обучает агента строить адаптивные интерфейсы Flutter под экраны телефонов и десктопов. Он задаёт правила работы с LayoutBuilder и MediaQuery. Claude Code CX Codex Cursor +1 42 300установок frontend-design nexu-io скилл Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок flutter-add-widget-preview flutter скилл Скилл учит агента создавать интерактивные превью виджетов во Flutter через package:flutter/widget_previews.dart. Пригодится для изолированной вёрстки UI без сборки всего приложения. Claude Code CX Codex Cursor +1 36 600установок improve-ui ibelick скилл Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента. Claude Code CX Codex Cursor +1 7 800установок cmux-localization manaflow-ai скилл Скилл для проверки и управления переводами пользовательских строк в интерфейсе. Запускает аудит каждый раз, когда вы меняете текст кнопок, меню, подсказок или сообщений об ошибках. Claude Code CX Codex Cursor +1 4 700установок design-review nexu-io скилл Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом. Claude Code CX Codex Cursor +1 3 100установок popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) скилл 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов. Claude Code CX Codex Cursor +1 914установок