NeVibeCode · 7 карточек
Скиллы и MCP с тегом «responsive-design»
tailwind-design-system скилл Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте.
Claude Code CX Codex Cursor
70 180установок
web-design-reviewer
официальный скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.
GitHub Copilot
13 957установок
chakra-ui-builder скилл Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. Пригодится для компонентов, страниц и layout.
Claude Code CX Codex Cursor +1
3 500установок
responsive-design скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.
Claude Code CX Codex Cursor
20 956установок
playwright-skill скилл Скилл для написания и запуска Playwright-скриптов прямо в редакторе. Автоматически находит dev-серверы, делает скриншоты, проверяет адаптивность, тестирует логины и валидирует работу сайта.
Claude Code CX Codex Cursor +1
6 900установок
ui-designer субагент Проектирует интерфейсы, компоненты и адаптивные лейауты с учётом реализации в коде. Нужен при работе над экранами, формами, таблицами и дизайн-системой.
Claude Code CX Codex Cursor
1 979установок
frontend-design-review скилл Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. Подходит для ревью UI, PR и адаптивной вёрстки.
Claude Code GitHub Copilot
237установок