NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
transformers-js скилл Скилл помогает запускать модели машинного обучения из JavaScript и TypeScript: от классификации текста до распознавания речи и анализа изображений.
CX Codex +1
2 100установок
migrate-xml-views-to-jetpack-compose скилл Ведёт миграцию одного XML-экрана Android в Jetpack Compose: от аудита до проверки и удаления устаревшей разметки.
CX Codex +1
2 400установок
ink скилл Помогает создавать интерактивные терминальные интерфейсы из JSON-спецификаций через @json-render/ink. Пригодится при настройке TUI и каталогов компонентов для агентов.
CX Codex +1
1 300установок
frontend-ui-dark-ts скилл Скилл помогает создавать тёмные интерфейсы на React, Tailwind CSS и Framer Motion. Пригодится для дашбордов и панелей управления.
CX Codex +1
1 100установок
sign-in-with-google-web
официальный скилл Помогает настроить вход через Google Identity Services на вебе. Защищает токены и закрывает уязвимости авторизации по стандартам IETF.
CX Codex
743установок
v3-to-v4-migration скилл Помогает обновить проект игры с Phaser 3 до Phaser 4. Разбирает несовместимые изменения рендерера, перенос масок в фильтры и замену tintFill.
CX Codex +1
715установок
react-joyride скилл Учит агента создавать пошаговые туры и онбординг-подсказки в React-приложениях через библиотеку React Joyride v3.
CX Codex +1
686установок
scroll-craft скилл Скилл планирует и собирает прокручиваемый лендинг: интервью, порядок секций, эмоциональный пик, объёмный hero и проверка скриншотами.
CX Codex +1
1 200установок
feature-sliced-design скилл Скилл помогает раскладывать frontend-код по слоям Feature-Sliced Design и проверять границы импортов. Пригодится при создании и миграции проектов.
CX Codex +1
23 600установок
mermaid-visualizer скилл Преобразует текст в профессиональные диаграммы Mermaid. Помогает визуализировать процессы, архитектуру систем, сравнения и иерархии, автоматически избегая синтаксических ошибок.
CX Codex +1
1 700установок
ce-polish скилл Доводит рабочую фичу через фидбек в браузере: ты говоришь, что хочешь исправить, скилл правит код, hot reload показывает результат.
CX Codex +1
1 100установок
react-audit-grep-patterns
официальный скилл Набор grep-команд для проверки React-проектов перед переходом на React 18.3.1 или React 19. Помогает агентам находить устаревший синтаксис.
854установок
swiftui-ui-patterns
официальный скилл Скилл помогает собирать и рефакторить SwiftUI-интерфейсы: навигацию, состояние, компоновку и контролы. Подойдёт для новых экранов и правок существующего проекта.
CX Codex GP ChatGPT
114установок
svelte скилл Помогает собирать интерфейсы Svelte 5 из спецификаций json-render и связывать компоненты с состоянием, событиями и действиями.
CX Codex +1
1 200установок
shopify-apps скилл Набор шаблонов для разработки приложений Shopify на Remix и React Router. Помогает настроить App Bridge, интерфейс на Polaris, биллинг и обработку вебхуков.
CX Codex +1
1 000установок
web-typography скилл Скилл помогает подобрать и настроить шрифты для веб-проекта: от выбора гарнитуры до оптимизации размера, интерлиньяжа и длины строк. Пригодится, когда нужна читаемая типография или поиск удачной пары шрифтов.
CX Codex +1
9 200установок
refactoring-ui скилл Скилл проводит аудит интерфейса по правилам визуальной иерархии, отступов и цветов. Помогает убрать любительский вид вёрстки и выстроить системный UI на Tailwind или чистом CSS.
CX Codex +1
9 200установок
libraries-dev скилл Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла.
CX Codex +1
1 000установок
create-mcp-app скилл Ведёт агента через сборку MCP App: MCP-инструмент плюс HTML-ресурс с интерфейсом, который хост рисует рядом с результатом инструмента.
CX Codex +1
2 700установок
wp-block-themes скилл Помогает создавать блочные темы WordPress, настраивать theme.json и шаблоны. Пригодится при отладке стилей и разметки в редакторе сайта.
CX Codex +1
5 800установок
godot-ui-control скилл Скилл для Claude Code учит агента верстать HUD и меню в Godot 4.7 на Control-нодах: якоря, контейнеры, тема, фокус.
CX Codex +1
7 000установок
solid скилл Скилл для рендеринга JSON-spec в реактивные SolidJS компоненты. Пригодится, если собираешь каталоги UI, настраиваешь провайдеры или разбираешься с реактивностью Solid.
CX Codex +1
1 100установок
xstate скилл Помогает связать генеративный интерфейс json-render с хранилищем @xstate/store. Пригодится для управления состоянием компонентов через атом.
CX Codex +1
1 100установок
jotai скилл Готовит Jotai как хранилище состояния для json-render: атом, адаптер StateStore и общий store с приложением.
CX Codex +1
1 100установок
redux скилл Адаптер Redux для json-render: подключает слайс хранилища как источник состояния для рендерера. Пригодится, если состояние уже живёт в Redux.
CX Codex +1
1 100установок
shadcn-svelte скилл Набор из 36 готовых компонентов на Svelte 5 и Tailwind CSS для json-render. Помогает агенту собирать интерфейсы и настраивать каталоги схем.
CX Codex +1
1 100установок
salesforce-component-standards
официальный скилл Задаёт стандарты разработки компонентов Salesforce для LWC, Aura и Visualforce. Помогает настроить безопасность, доступ к данным и интерфейс.
770установок
react18-dep-compatibility
официальный скилл Проверяет минимальные версии зависимостей для React 18.3.1 и React 19. Пригодится при обновлении React и разборе peer dependency конфликтов.
764установок
browser-screenshot-diff скилл Сравнивает две записанные браузерные сессии по шагам, скриншотам и accessibility-дереву. Нужен для поиска визуальных расхождений и проверки replay.
CX Codex +1
696установок
shopify-polaris-admin-extensions скилл Скилл по админ-расширениям Shopify для Claude Code. Сейчас он помечен как устаревший: вместо работы выдаёт инструкцию удалить себя и поставить shopify.
CX Codex +1
9 700установок
react-19 скилл Скилл для работы с React 19 и React Compiler: без ручной мемоизации, серверные компоненты первыми, ref как проп.
CX Codex +1
671установок
react18-batching-patterns
официальный скилл Находит и устраняет регрессии автоматического батчинга в классовых компонентах React 18. Помогает исправить баги после обновления с React 17.
754установок
shopify-polaris-checkout-extensions скилл Устаревший скилл для разработки расширений Shopify Checkout. Вместо него проект Shopify предлагает скилл shopify.
CX Codex +1
9 600установок
svelte-code-writer скилл Скилл ищет официальную документацию Svelte 5 и проверяет компоненты через autofixer. Пригодится при написании и правке файлов .svelte или .svelte.ts.
CX Codex +1
13 000установок
react-best-practices скилл Скилл для разбора медленного интерфейса на React и Next.js: находит водопады запросов, лишний JS в бандле, ошибки на границе сервер-клиент и пустые ререндеры.
CX Codex +1
399установок
react18-legacy-context
официальный скилл Скилл переводит legacy context в React на createContext и помогает синхронно обновить provider и всех consumers. Нужен для миграции class components.
745установок
react18-lifecycle-patterns
официальный скилл Переводит устаревшие методы жизненного цикла классовых компонентов на стандарт React 18.3.1. Пригодится при подготовке легаси-кода к React 19.
743установок
wp-block-development скилл Скилл для Claude Code, Codex и Cursor: агент ведёт блок Gutenberg от block.json до миграций, не ломая сохранённую разметку.
CX Codex +1
5 500установок
react18-string-refs
официальный скилл Помогает заменить строковые refs в классовых компонентах на React.createRef(). Пригодится при переходе на React 18.3.1 или React 19.
741установок
react18-enzyme-to-rtl
официальный скилл Помогает переписать тесты с Enzyme на React Testing Library при переходе на React 18. Пригодится, когда нужно заменить shallow, mount и проверку стейта на поведенческие тесты.
739установок
521–560 из 2 909
