NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
storefront-builder скилл Ведёт агента по шагам сборки витрины на Saleor: подключение GraphQL, дизайн, каталог с выбором варианта. Полезен, когда фронтенд уже есть, а данных и UX нет.
CX Codex +1
384установок
interactive-portfolio скилл Скилл помогает собрать личное портфолио так, чтобы посетитель за полминуты понял, кто вы и что умеете. Пригодится разработчикам и дизайнерам.
608установок
playwright-interactive-sandbox скилл Скилл организует итеративную проверку веб-интерфейса через постоянный Node.js-скрипт с Playwright. Он нужен для функционального и визуального QA.
CX Codex +1
400установок
safe-action-tanstack-query скилл Помогает связывать next-safe-action с TanStack Query: мутации, ошибки, optimistic updates и очистка клиентского кэша. Нужен при работе с React Query.
CX Codex +1
438установок
frontend-dev-guidelines скилл Скилл задаёт агенту единый стиль работы с React и TypeScript: Suspense, ленивая загрузка, структура features, MUI v7 и TanStack.
556установок
claude-d3js-skill скилл Подсказывает агенту, как строить нестандартные визуализации на d3.js: сетевые графы, географические карты, плавные переходы. Пригодится, когда обычных библиотек графиков не хватает.
531установок
primevue скилл Скилл помогает развернуть PrimeVue в связке с Vue 3 и Vite. Настраивает пресеты оформления вроде Aura и включает автоимпорт компонентов.
CX Codex +1
527установок
frontend-ui-dark-ts скилл Скилл для сборки тёмных React-интерфейсов на Tailwind CSS: тема, glassmorphism, анимации Framer Motion. Пригодится для дашбордов и админок.
5установок
implement_lenis_scroll скилл Скилл подключает Lenis к React или Next.js: агент ставит пакет, пишет компонент-обёртку и вставляет его в layout. Нужен, когда хочется плавного скролла без ручной сборки.
CX Codex +1
468установок
mobile-first-website-design скилл Скилл ведёт агента по лендингам и маркетинговым страницам: сначала структура без стилей, потом айдентика, потом вёрстка от самого узкого экрана.
CX Codex +1
318установок
design-like-im-5 скилл Скилл для проектирования и ревью интерфейсов: держит пользовательское ядро простым, проверяет состояния, ввод и размеры экранов.
CX Codex +1
304установок
dtcg-tokens скилл Скилл превращает мультимодальные исходники в DTCG-токены, данные об использованных свидетельствах и HTML-доказательство. Пригодится, когда токены нужно связать с конкретным источником и проверить визуально.
CX Codex +1
303установок
zoom-video-sdk-web
официальный скилл Подсказывает агенту, как собрать кастомную видеосессию на Zoom Video SDK для Web: вход в сессию, камера, шаринг экрана, запись.
CX Codex GP ChatGPT
★ 7 604звёзд репо
ui-toolkit
официальный скилл Скилл подсказывает агенту, как подключить предсобранный веб-интерфейс Zoom Video SDK и настроить сессию. Пригодится, если нужна кастомная сессия, а не обычная встреча Zoom.
CX Codex GP ChatGPT
★ 7 604звёзд репо
zoom-meeting-sdk-web-component-view
официальный скилл Скилл помогает встроить Zoom-встречу в веб-приложение через Component View. Пригодится для собственной раскладки интерфейса на React, Vue или Angular.
CX Codex GP ChatGPT
★ 7 604звёзд репо
zoom-meeting-sdk-web-client-view
официальный скилл Скилл для Codex и ChatGPT, который помогает подключить Zoom Meeting SDK Web в режиме Client View — полноэкранной встречи с интерфейсом Zoom.
CX Codex GP ChatGPT
★ 7 604звёзд репо
stripe-apps
официальный скилл Скилл помогает создавать, менять и проверять Stripe Apps: от каркаса и интерфейса в Dashboard до вебхуков и публикации.
CX Codex GP ChatGPT
★ 7 604звёзд репо
shopify-polaris-checkout-extensions
официальный скилл Помогает писать код UI-расширений Shopify для checkout: поиск по документации, валидация и скаффолдинг через Shopify CLI.
CX Codex GP ChatGPT
★ 7 604звёзд репо
shopify-polaris-admin-extensions
официальный скилл Помогает писать код расширений для админки Shopify на Polaris: агент ищет в документации, генерирует код и проверяет его валидатором.
CX Codex GP ChatGPT
★ 7 604звёзд репо
magicpath
официальный скилл Скилл подключает агента к платформе MagicPath: ищет компоненты на канвасе, ставит их в проект и правит кодом. Пригодится, если дизайн живёт в MagicPath, а приложение — в репозитории.
CX Codex GP ChatGPT
★ 7 604звёзд репо
ui-mockup скилл Скилл готовит ASCII-каркасы, HTML-макеты или живые прототипы интерфейсов. Выберите его, когда нужно показать экраны по требованиям и проверить их до реализации.
CX Codex +1
★ 8 227звёзд репо
zustand-store-ts скилл Скилл задаёт шаблон стора Zustand на TypeScript: отдельные типы для состояния и действий, middleware subscribeWithSelector, селекторы.
3установок
auteur скилл Скилл, который проектирует и собирает сайты с нуля: лендинги, кинематографичные скролл-страницы и многоэкранные продукты в одном стиле.
CX Codex +1
★ 1 042звёзд репо
accessibility скилл Скилл помогает проверять веб-интерфейсы на доступность по WCAG 2.1 и предлагать правки. Запросите аудит, поддержку клавиатуры или улучшения для скринридеров.
325установок
react-patterns скилл Скилл подсказывает, как выбирать структуру компонентов, хуки и управление состоянием в React. Пригодится при разработке и рефакторинге интерфейсов на TypeScript.
321установок
core-web-vitals скилл Скилл помогает разбирать LCP, INP и CLS и подбирать изменения для загрузки, отклика и стабильности страницы. Пригодится, когда нужно найти причину плохих показателей.
315установок
ui-dev скилл Скилл задаёт правила для разработки интерфейса на TypeScript без фреймворка: помогает добавлять компоненты, модальные окна и стили в src/renderer/.
CX Codex +1
★ 1 388звёзд репо
add-npm-dependency скилл Скилл ведёт агента по правилам добавления npm-зависимостей в Electron-проект: три цели сборки, CSS и нативные модули.
CX Codex +1
★ 1 388звёзд репо
web-quality-audit скилл Скилл проверяет проект по производительности, доступности, SEO и веб-практикам. Подключайте его, когда нужно найти проблемы и получить рекомендации с примерами исправлений.
294установок
frontend-to-backend-requirements скилл Скилл помогает фронтенд-разработчику описать бэкенду, какие данные нужны экрану, не диктуя структуру API.
278установок
i18n-localization скилл Скилл для Claude, который помогает вынести строки в файлы переводов, разобраться с локалями и поддержкой RTL.
251установок
nextjs-developer скилл Скилл помогает создавать приложения Next.js 14+ на App Router: от маршрутов и серверных компонентов до SEO и подготовки к развёртыванию.
CX Codex +1
★ 4 679звёзд репо
data-viz-renderer скилл Скилл превращает JSON-данные в автономную HTML/SVG-инфографику: карточки показателей, сравнения, схемы процессов и дашборды. Пригодится для отчётов и продуктовых метрик.
CX Codex +1
★ 4 679звёзд репо
html-injection-testing скилл Скилл помогает искать HTML-инъекции в веб-приложении и оценивать, как они меняют отображаемую страницу. Используйте его при проверке обработки пользовательского ввода.
234установок
angular скилл Скилл помогает разрабатывать Angular v20+ через Signals, standalone-компоненты и современные реактивные паттерны. Пригодится для новых приложений и постепенной миграции.
216установок
tanstack-query-expert скилл Скилл помогает проектировать работу TanStack Query в React и Next.js: от запросов и кеша до мутаций и серверной гидратации. Пригодится при настройке или переработке загрузки данных.
196установок
develop-timeline-studio-plugin скилл Помогает проектировать и проверять коннекторы генерации изображений и видео для Timeline Studio. Пригодится при добавлении провайдера или выделении общего хоста плагинов.
CX Codex +1
★ 901звёзд репо
astro скилл Скилл помогает создавать сайты на Astro с контентом в Markdown или MDX и интерактивностью через выборочную гидратацию. Пригодится для блогов, документации и портфолио.
157установок
performance-profiling скилл Скилл для Claude, который ведёт агента по шагам: замер, поиск узкого места, правка, проверка результата. Пригодится, когда страница грузится медленно.
132установок
react-useeffect скилл Скилл разбирает правила работы с useEffect по официальной документации React и подсказывает, чем заменить Effect там, где он лишний.
127установок
2 841–2 880 из 2 909
