NeVibeCode · 75 карточек
Скиллы, плагины, субагенты и слэш-команды для задач: фронтенд и ui
Подборка для Claude Code, Codex и Cursor по теме «Фронтенд и UI»: скиллы, плагины, субагенты и слэш-команды, от популярных к нишевым.
wcag-audit-patterns скилл Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.
Claude Code CX Codex Cursor
12 486установок
fullstack-developer субагент Субагент ведёт фичу через базу данных, API и frontend как единую задачу. Подходит для сквозной разработки с общей логикой и тестами.
Claude Code
18 117установок
angular-migration скилл Помогает переносить приложения с AngularJS на Angular по частям или целиком. Пригодится для гибридных приложений, замены компонентов и обновления зависимостей.
Claude Code CX Codex Cursor
10 900установок
unit-test-vue-pinia
официальный скилл Помогает писать и проверять юнит-тесты для Vue 3, TypeScript, Vitest и Pinia. Пригодится, когда тесты уже есть, но лезут во внутренности компонентов.
GitHub Copilot
1 800установок
playground
официальный скилл Создаёт интерактивные HTML-песочницы с настройками, предпросмотром и готовым промптом. Подходит для визуального изучения темы или сборки небольшого инструмента.
Claude Code
7 967установок
build-mcp-app
официальный скилл Помогает добавить к MCP-серверу интерактивные формы, списки и визуальные виджеты. Подойдёт, когда результата в виде текста или JSON недостаточно.
Claude Code
6 458установок
react19-test-patterns
официальный скилл Подсказывает, как обновить тесты для совместимости с React 19. Пригодится при миграции с React 18, особенно если тесты используют react-dom/test-utils или проверяют число вызовов эффектов.
GitHub Copilot
1 200установок
react19-concurrent-patterns
официальный скилл Защищает concurrent-паттерны React 18 от поломок при миграции на React 19. Подсказывает, когда внедрять новые хуки use, useOptimistic и Actions.
GitHub Copilot
1 100установок
anti-ui-slop
официальный скилл Скилл помогает агенту собирать интерфейсы под конкретный продукт, а не шаблонный UI. Пригодится для разработки, редизайна и проверки web- или iOS-экранов.
GitHub Copilot
967установок
react19-source-patterns
официальный скилл Справочник для миграции React-исходников на React 19: API, ref, контекст и пропсы. Пригодится при обновлении существующего проекта.
GitHub Copilot
967установок
javascript-pro субагент Субагент настраивает работу с ES6+, асинхронным кодом и API Node.js или браузера. Помогает находить race conditions и оптимизировать скрипты.
Claude Code CX Codex Cursor
4 974установок
react-audit-grep-patterns
официальный скилл Набор grep-команд для проверки React-проектов перед переходом на React 18.3.1 или React 19. Помогает агентам находить устаревший синтаксис.
GitHub Copilot
854установок
salesforce-component-standards
официальный скилл Задаёт стандарты разработки компонентов Salesforce для LWC, Aura и Visualforce. Помогает настроить безопасность, доступ к данным и интерфейс.
GitHub Copilot
770установок
react18-dep-compatibility
официальный скилл Проверяет минимальные версии зависимостей для React 18.3.1 и React 19. Пригодится при обновлении React и разборе peer dependency конфликтов.
GitHub Copilot
764установок
react18-batching-patterns
официальный скилл Находит и устраняет регрессии автоматического батчинга в классовых компонентах React 18. Помогает исправить баги после обновления с React 17.
GitHub Copilot
754установок
react18-legacy-context
официальный скилл Скилл переводит legacy context в React на createContext и помогает синхронно обновить provider и всех consumers. Нужен для миграции class components.
GitHub Copilot
745установок
react18-lifecycle-patterns
официальный скилл Переводит устаревшие методы жизненного цикла классовых компонентов на стандарт React 18.3.1. Пригодится при подготовке легаси-кода к React 19.
GitHub Copilot
743установок
react18-string-refs
официальный скилл Помогает заменить строковые refs в классовых компонентах на React.createRef(). Пригодится при переходе на React 18.3.1 или React 19.
GitHub Copilot
741установок
react18-enzyme-to-rtl
официальный скилл Помогает переписать тесты с Enzyme на React Testing Library при переходе на React 18. Пригодится, когда нужно заменить shallow, mount и проверку стейта на поведенческие тесты.
GitHub Copilot
739установок
visual-edit-precision скилл Задает агенту правила точечной правки фронтенда по скриншотам и разметке. Помогает избежать переписывания всего компонента, когда нужно лишь поправить верстку.
Claude Code CX Codex Cursor
2 800установок
sign-in-with-google-web
официальный скилл Помогает настроить вход через Google Identity Services на вебе. Защищает токены и закрывает уязвимости авторизации по стандартам IETF.
Claude Code Gemini CLI CX Codex
743установок
ui-designer субагент Проектирует интерфейсы, компоненты и адаптивные лейауты с учётом реализации в коде. Нужен при работе над экранами, формами, таблицами и дизайн-системой.
Claude Code CX Codex Cursor
1 979установок
engineering-skills скилл Каталог инженерных скиллов для Claude Code: помогает выбрать роль под задачу и загрузить только нужный SKILL.md. Подходит для архитектуры, тестов, DevOps и работы с данными.
Claude Code
2 387установок
ui-designer субагент Проектирует интерфейсы, собирает дизайн-системы и готовит спецификации для фронтендеров. Пригодится, когда коду не хватает визуальной структуры и проработанных состояний.
Claude Code
1 979установок
senior-frontend скилл Автоматизирует создание проектов на Next.js и React, генерирует компоненты и проверяет зависимости бандла на тяжелые библиотеки.
Claude Code
1 630установок
generate скилл Скилл generate пишет тесты Playwright по пользовательской истории, URL, имени компонента или описанию фичи. Пригодится, когда надо быстро закрыть e2e-сценарий, а не писать его руками.
Claude Code
1 624установок
mobile-app-developer субагент Субагент помогает создавать iOS и Android-приложения: разбирает требования, архитектуру, производительность и платформенные ограничения.
Claude Code
1 552установок
senior-fullstack скилл Собирает структуру проекта под Next.js, FastAPI, MERN или Django и проверяет качество кода с оценкой безопасности.
Claude Code
1 390установок
pr-screenshots
официальный скилл Скилл учит оформлять описания pull request с наглядными скриншотами до и после изменений. Помогает ревьюерам сразу видеть правки в интерфейсе, графиках или верстке без переключения ветки.
GitHub Copilot
141установок
content-management-systems
официальный скилл Помогает GitHub Copilot работать с архитектурой CMS: темами, плагинами, моделями данных и загрузкой медиа. Пригодится при правке шаблонов или интеграции модулей в WordPress, Shopify и Drupal.
GitHub Copilot
128установок
tech-stack-evaluator скилл Сравнивает библиотеки, фреймворки и облачные платформы по взвешенным оценкам. Скилл рассчитывает TCO на 5 лет и помогает оценить риски миграции до старта проекта.
Claude Code
904установок
nextjs-developer субагент Субагент проектирует и пишет full-stack приложения на Next.js 14+ с App Router. Он помогает настроить Server Actions, оптимизировать Core Web Vitals и подготовить SEO.
Claude Code
898установок
code-to-prd скилл Скилл превращает кодовую базу в PRD с описанием страниц, маршрутов, API и пользовательских действий. Подходит для аудита существующего проекта.
Claude Code
763установок
page-cro скилл Оценивает посадочные, главные и тарифные страницы на конверсию, ищет точки трения и генерирует варианты текстов для CTA и заголовков.
Claude Code
688установок
apple-hig-expert скилл Проверяет интерфейсы iOS, macOS, watchOS и visionOS по Apple HIG. Пригодится для аудита макетов и проектирования нативного UI.
Claude Code
662установок
41–75 из 75