NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
livewire-development скилл Помогает агенту писать и отлаживать реактивные компоненты Livewire 4: директивы wire:, острова, асинхронные действия и тесты.
CX Codex +1
591установок
explainer-default скилл Собирает демо продукта в MP4: сценарий, интерфейс, анимация, музыка и финальный кадр. Подходит для launch-видео, walkthrough и показа SaaS.
CX Codex +1
819установок
3d-four-seasons скилл Добавляет смену четырёх времён года в 3D-сцену через шейдерные uniform-переменные. Помогает переключать листву, свет и снег без пересборки геометрии мира.
CX Codex +1
497установок
app-observability скилл Ведёт агента по настройке Grafana Cloud: RED-метрики из OTel-трейсов, карты сервисов, браузерный RUM через Faro и наблюдение за вызовами LLM.
CX Codex +1
4 400установок
liquid-theme-a11y скилл Добавляет паттерны WCAG 2.2 для тем Shopify Liquid. Пригодится при сборке компонентов, проверке ARIA и исправлении проблем с клавиатурой.
CX Codex +1
2 800установок
layers-surface скилл Скилл для аудита видимого слоя продукта: слова, объекты, обратная связь, иерархия, доступность. Помогает понять, что чинить на поверхности, а что — глубже.
CX Codex +1
2 000установок
design скилл Ведёт агента по работе с Subframe: собрать страницу или компонент, сравнить варианты на канвасе, поправить тему.
CX Codex +1
775установок
cypress-docs скилл Заставляет агента искать в официальной документации Cypress, а не сочинять по памяти. Пригодится, когда нужен точный синтаксис команды или поведение в конкретной версии.
CX Codex +1
8 200установок
service-digital-engagement-messaging-site-integrate скилл Встраивает виджет Embedded Messaging в сайт Experience Cloud: правит JSON-бандл страницы, деплоит, публикует и проверяет гостевой доступ.
CX Codex +1
2 400установок
tailwind-design-system скилл Скилл помогает развернуть дизайн-систему на Tailwind CSS v4.1+ и shadcn/ui. Он настраивает токены в формате oklch, CSS-переменные и обёртки над базовыми компонентами.
CX Codex +1
4 500установок
testing скилл Настраивает проверки доступности, нагрузочные тесты k6 и наблюдаемость фронтенда через Grafana Cloud. Нужен перед релизом и для поиска сбоев.
CX Codex +1
4 200установок
landing-page скилл Собирает готовый одностраничный сайт в один файл HTML с Tailwind CSS по вашему брифу.
CX Codex +1
1 500установок
cast скилл Скилл для творческого кодинга: превращает статичный интерфейс в живой — движение, микроинтеракции, отклик на действия. Работает с Web, Android (Compose) и Apple (SwiftUI).
CX Codex +1
1 300установок
paint скилл Запускает пайплайн дизайн-системы для веба, Compose и SwiftUI: от брейншторма арт-дирекшна до кода и аудита доступности.
CX Codex +1
1 300установок
react-19-plugin-migration скилл Скилл готовит плагин Grafana к совместимости с React 19, не обновляя сам React. Он нужен, чтобы найти проблемы и внести необходимые изменения по шагам.
CX Codex +1
4 100установок
plugin-bundle-size скилл Помогает уменьшить размер входного файла module.js в плагинах приложений Grafana через React.lazy и разделение чанков в Webpack.
CX Codex +1
4 200установок
grafana-scenes скилл Скилл для сборки страниц плагинов Grafana на фреймворке @grafana/scenes: панели, переменные, drilldown-навигация.
CX Codex +1
4 200установок
portable-text-serialization скилл Скилл подсказывает агенту, как рендерить и сериализовать Portable Text в React, Svelte, Vue, Astro, HTML, Markdown и чистый текст.
CX Codex +1
2 900установок
react-container-presentation-component
официальный скилл Скилл создаёт React-компонент по паттерну Container/Presentation и раскладывает файлы по соглашениям TypeScript, Storybook и SCSS.
65установок
experience-lwc-typescript-migrate скилл Переводит существующий Lightning Web Component с JavaScript на TypeScript: типизированный .ts плюс .d.ts с одним только @api.
CX Codex +1
2 300установок
experience-lwc-rtl-validate скилл Проверяет Lightning Web Components на поддержку чтения справа налево. Находит физические CSS-свойства, ошибки в разметке и выдаёт отчёт с готовыми исправлениями.
CX Codex +1
2 300установок
platform-mcp-tool-widget-coordinate скилл Собирает Lightning Type и HXL-виджет, чтобы показать результат кастомного MCP-инструмента на базе Apex Invocable Action.
CX Codex +1
2 400установок
sentry-nextjs-sdk скилл Скилл сканирует проект на Next.js и помогает настроить мониторинг Sentry для браузера, Node.js и Edge Runtime. Пригодится при подключении трейсинга, сессий или сборе ошибок с роутов и Server Actions.
CX Codex +1
3 600установок
react-code-review скилл Скилл проверяет React-компоненты и хуки перед мержем: архитектура, зависимости в useEffect, доступность, типы. Полезен, когда правки уже готовы и нужен разбор по серьёзности.
CX Codex +1
4 300установок
taste скилл Разбирает визуальный стиль веб-страницы через браузер и сохраняет дизайн-токены вместе с логикой интерфейса. Пригодится, когда нужно перенести эстетику чужого проекта в свой код.
CX Codex +1
579установок
tailwindcss-advanced-layouts скилл Набор готовых рецептов для Tailwind CSS v4. Помогает собирать сложные сетки на CSS Grid, Flexbox-раскладки и контейнерные запросы прямо в коде компонентов.
CX Codex +1
8 100установок
experience-ui-bundle-localize скилл Переносит текст из интерфейсов React и Angular в Salesforce Custom Labels и настраивает runtime i18n поверх GraphQL UI API для B2E и B2C проектов.
CX Codex +1
2 200установок
experience-lwc-security-validate скилл Проверяет Lightning Web Component на соответствие Lightning Web Security и формирует список находок либо отчёт SARIF.
CX Codex +1
2 300установок
swiftui-design-skill скилл Помогает проектировать экраны SwiftUI для iOS и macOS без шаблонного визуала. Пригодится при вёрстке прототипов и подборе дизайн-направления с нуля.
CX Codex +1
1 000установок
svg-animations скилл Инструктирует ассистента создавать векторную графику и анимировать векторные элементы через CSS и SMIL. Пригодится для сборки иконок, лоадеров и логотипов.
CX Codex +1
2 600установок
design-review скилл Проверяет визуальное качество веб-страницы или приложения и готовит отчёт со скриншотами. Нужен, когда интерфейс выглядит неровно, но причина неясна.
CX Codex +1
1 400установок
animation-principles скилл Скилл задаёт физику и тайминги интерфейсной анимации. Он выдаёт точные кривые cubic-bezier, задержки шагов и длительности в миллисекундах.
CX Codex +1
3 000установок
android-jetpack-compose скилл Помогает агенту писать Android-интерфейсы на Jetpack Compose и выбирать паттерны состояния. Пригодится при работе с composable-функциями и ViewModel.
CX Codex +1
2 200установок
nextjs-app-router скилл Даёт паттерны и примеры для Next.js 16+ с App Router: от Server Components до route.ts и кэширования.
CX Codex +1
3 900установок
3d-ultra-realistic-water скилл Скилл для Three.js: собирает открытое море с волнами Герстнера, бликами солнца, пеной и кильватерным следом. Пригодится, когда в сцене есть горизонт и движущаяся камера.
CX Codex +1
408установок
framer-motion-animator скилл Скилл помогает создавать анимации и микроинтерфейсы на Framer Motion: от переходов между страницами до жестов свайпа и скролла. Пригодится при вёрстке интерактивных React-компонентов.
CX Codex +1
11 100установок
website-builder-setup скилл Пошагово разворачивает стек для создания сайтов в Claude Code: UI/UX Pro Max, Framer Motion и компоненты 21st.dev. Помогает подготовить окружение без ручной возни с пакетами.
CX Codex +1
580установок
react-patterns скилл Скилл-чеклист по производительности и композиции компонентов React 19 для проектов на Vite и Cloudflare. Пригодится при написании, ревью и рефакторинге.
CX Codex +1
1 300установок
react-native скилл Набор архитектурных правил и паттернов производительности для React Native и Expo. Помогает агенту оптимизировать списки, настраивать анимации и экраны.
CX Codex +1
1 300установок
nextjs-authentication скилл Скилл даёт готовые шаблоны аутентификации для Next.js 15+ App Router на Auth.js 5: провайдеры, защита маршрутов, сессии и роли.
CX Codex +1
3 800установок
1 201–1 240 из 2 909
