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

ask-sonner emilkowalski скилл Справочник по Sonner, React-библиотеке тостов: подключение, вызовы toast(), стили и разбор поломок. Claude Code CX Codex Cursor +1 138 600установок design-system claudekit скилл Скилл собирает дизайн-токены, спецификации компонентов и презентационные слайды. Подойдёт, когда интерфейс и слайды должны следовать одной системе. Claude Code CX Codex Cursor +1 42 200установок design claudekit скилл Скилл для генерации логотипов, бренд-айдентики, дизайн-токенов, слайдов на Chart.js и баннеров через ИИ и Python-скрипты. Claude Code CX Codex Cursor +1 40 800установок ui-styling claudekit скилл Скилл для сборки доступных интерфейсов на shadcn/ui и Tailwind CSS: компоненты, темы, тёмная тема, адаптивные сетки и canvas-дизайн. Claude Code CX Codex Cursor +1 40 200установок brand claudekit скилл Скилл держит голос бренда, визуальные правила и дизайн-токены в одном файле, а потом раздаёт их промптам агента и вашему CSS. Claude Code CX Codex Cursor +1 39 500установок design-md официальный google-labs-code скилл Скилл выгружает экраны из Google Stitch через MCP-сервер и собирает файл DESIGN.md с описанием дизайн-системы, цветов и компонентов. Claude Code CX Codex Cursor +1 64 700установок stitch::react-components официальный google-labs-code скилл Превращает дизайны Stitch в компоненты React с Vite. Также синхронизирует существующие компоненты с обновлёнными макетами. Claude Code CX Codex Cursor +1 50 400установок daisyui saadeghi скилл Скилл подключает к ИИ-агенту справочник компонентов daisyUI 5, чтобы тот писал разметку на готовых классах, а не выдумывал свои. Claude Code CX Codex Cursor +1 12 000установок nuxt-ui nuxt скилл Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки. Claude Code CX Codex Cursor +1 19 700установок stitch::extract-design-md официальный google-labs-code скилл Извлекает дизайн-систему в файл DESIGN.md прямо из исходников фронтенда без сборки проекта. Помогает перенести визуальные токены и правила вёрстки в формат Stitch. Claude Code CX Codex Cursor +1 10 500установок design-system affaan-m скилл Собирает дизайн-систему из существующей вёрстки или проверяет её на визуальную консистентность: токены, оценка по десяти критериям, поиск шаблонных ИИ-приёмов. Claude Code CX Codex Cursor +1 4 900установок better-typography jakubkrehel скилл Проверяет типографику интерфейса и предлагает правки в системе стилей проекта. Пригодится, когда нужно привести текст, переносы и пунктуацию к правилам дизайна. Claude Code CX Codex Cursor +1 33 800установок baseline-ui ibelick скилл Очищает фронтенд-код от типичных артефактов нейросетей: правит отступы, сетку, шрифты и анимации. Пригодится для быстрой полировки интерфейса перед релизом. Claude Code CX Codex Cursor +1 24 100установок better-colors jakubkrehel скилл Скилл проверяет палитры и строит систему цветовых токенов. Он нужен, когда в коде накопились случайные hex-значения, а контраст текста никто не считал. Claude Code CX Codex Cursor +1 32 200установок ai-elements vercel скилл Библиотека React-компонентов для AI-интерфейсов: сообщения, история диалогов, поля ввода промптов, отображение вызовов инструментов. Построена на shadcn/ui. Claude Code CX Codex Cursor +1 20 400установок shadcn-svelte huntabyte скилл Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать. Claude Code CX Codex Cursor +1 6 700установок shadcn-vue unovue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind. Claude Code CX Codex Cursor +1 5 700установок chakra-ui-refactor chakra-ui скилл Проверяет компоненты на правила Chakra UI v3 и переводит вёрстку с HTML, Tailwind или styled-components. Пригодится при миграции интерфейса и поиске ошибок доступности. Claude Code CX Codex Cursor +1 2 800установок unocss Anthony Fu скилл Скилл даёт агенту справочник по UnoCSS: конфиг, правила, шорткаты, пресеты и трансформеры. Пригодится при настройке проекта на UnoCSS или при переносе знаний Tailwind на него. Claude Code CX Codex Cursor +1 16 000установок visual-design-foundations Seth Hobson скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю. Claude Code CX Codex Cursor 13 566установок material-ui-nextjs mui скилл Скилл для связки Material UI с Next.js: SSR, кеш Emotion, next/font, CSS-слои, Link и useSearchParams. Пригодится при настройке или отладке MUI в Next.js-приложении. Claude Code CX Codex Cursor +1 725установок web-artifacts-builder nexu-io скилл Собирает HTML-артефакты для claude.ai с React и Tailwind — референсный workflow от Anthropic для встраиваемых интерфейсов. Claude Code CX Codex Cursor +1 2 800установок magic-ui magicuidesign скилл Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность. Claude Code CX Codex Cursor +1 1 200установок figma-design-to-code официальный Figma скилл Помогает перенести выбранный узел Figma в код проекта с учётом его стека и компонентов. Нужен перед вызовом get_design_context. CX Codex GP ChatGPT 30установок geist официальный Vercel Labs скилл Скилл подсказывает, как подключить Geist Sans, Geist Mono и Geist Pixel в Next.js и распределить их по интерфейсу. Пригодится, если вы настраиваете типографику проекта. CX Codex GP ChatGPT 6установок email официальный Vercel Labs скилл Настраивает отправку писем через Resend и шаблоны React Email в проектах на Vercel. Помогает связать API и подготовить вёрстку. CX Codex GP ChatGPT 6установок v0-dev официальный Vercel Labs скилл Помогает генерировать интерфейсы на React через v0, подключать готовые компоненты в Next.js и автоматизировать деплой через v0 SDK. CX Codex GP ChatGPT 5установок AEM Front-End Specialist официальный github субагент Помогает верстать компоненты для Adobe Experience Manager на HTL и Tailwind CSS, связывая макеты из Figma с кодовой базой. GitHub Copilot ★ 40 369звёзд репо