NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
fullstack-guardian скилл Скилл помогает создавать веб-приложения со сквозной защитой от базы данных до интерфейса. Пригодится при сборке REST API с формами CRUD и сквозными потоками данных.
CX Codex +1
5 600установок
react-expert скилл Скилл для разработки на React 18+, Next.js App Router и create-react-app. Генерирует компоненты, хуки, чинит рендер и переводит классовые компоненты на функциональные.
CX Codex +1
5 500установок
appllama-app-design-skill скилл Скилл для создания нативных мобильных интерфейсов под iOS и Android на Expo и React Native. Помогает проектировать экраны, потоки, анимацию и навигацию по стандартам Apple HIG и Material Design, с верификацией в симуляторе.
CX Codex +1
4 800установок
upgrading-react-native скилл Обновляет React Native-приложения до новых версий: применяет диффы из rn-diff-purge, мигрирует iOS и Android, решает конфликты CocoaPods и Gradle.
CX Codex +1
12 600установок
inspector-workbench скилл Гоняет правки интерфейса Inspector в отдельной лаборатории Threads, чтобы агент видел оверлей и делал скриншот после каждого изменения.
CX Codex +1
870установок
react-nextjs-development скилл Ведёт разработку на React и Next.js 14+ через восемь фаз: от скаффолдинга до деплоя на Vercel. Пригодится, когда начинаете проект с нуля или переводите его на App Router.
CX Codex +1
2 000установок
browser-extension-builder скилл Скилл помогает проектировать браузерные расширения на Manifest V3 для Chrome и Firefox. Пригодится при настройке архитектуры скриптов, фоновых воркеров и обмена сообщениями.
CX Codex +1
2 000установок
scroll-experience скилл Скилл помогает проектировать скролл-анимации, параллакс и интерактивное повествование для веб-страниц. Пригодится для сцен, которые раскрываются при прокрутке.
CX Codex +1
2 000установок
state-machine скилл Создаёт временную страницу со всеми достижимыми состояниями одного компонента, мок-данными и переключателем. Нужен для правки визуальных состояний без изменений в самом компоненте.
CX Codex +1
3 800установок
shopify-development скилл Скилл для разработки Shopify-приложений, расширений и тем через GraphQL Admin API, Shopify CLI, Polaris UI и Liquid. Маршрутизирует задачу в нужный трек: приложение, расширение, тема или комбинация.
CX Codex +1
1 900установок
shopify-expert скилл Скилл для разработки тем Shopify, приложений и headless-витрин через Storefront API. Пригодится, когда нужно собрать тему на Liquid, кастомный чекаут или Hydrogen-сторфронт.
CX Codex +1
5 000установок
browser-harness скилл Управляет реальным браузером через Chrome DevTools Protocol: клики, ввод текста, навигация, сессии авторизации, JS-рендер и защита от ботов. Для простого HTTP-запроса используй curl.
CX Codex +1
797установок
build-design скилл Переносит интерфейс из Figma или скриншота в код проекта. Подбирает существующие токены и компоненты вместо вёрстки с нуля.
CX Codex +1
3 600установок
react-native-expert скилл Скилл для агентов ИИ-кодинга: помогает собирать мобильные приложения на React Native и Expo — навигация, нативные модули, скорость списков, код под iOS и Android.
CX Codex +1
4 900установок
quick-mockups скилл Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. Пригодится, когда нужно быстро сравнить разные сетки и подачу для новой фичи.
CX Codex +1
1 700установок
shader-dev скилл Набор руководств по 36 техникам GLSL для генерации шейдеров под ShaderToy и WebGL2. Пригодится для процедурного 3D, рей-марчинга и визуальных эффектов прямо в коде.
CX Codex +1
2 500установок
angular-architect скилл Скилл для Claude Code и других ИИ-редакторов: собирает компоненты Angular 17+ на standalone и сигналах, настраивает маршрутизацию, NgRx и RxJS.
CX Codex +1
4 800установок
game-setup-and-config скилл Скилл помогает инициализировать инстанс Phaser 4 и собрать объект GameConfig с нужным рендерером, масштабированием и FPS. Пригодится при настройке канваса и пиксель-арта.
CX Codex +1
1 200установок
vercel-deployment скилл Скилл подготавливает и запускает деплой Next.js-проекта на Vercel. Пригодится, когда нужно настроить превью-окружение, проверить переменные среды и убедиться, что сборка пройдёт без ошибок.
CX Codex +1
1 800установок
pretext скилл Скилл для браузерных демо на @chenglou/pretext: текст обтекает фигуры, ломается на графемы и меряется через canvas без пересчёта страницы.
CX Codex +1
317установок
copilotkit скилл Скилл для работы с CopilotKit: агент ищет ответы в текущей документации и исходниках вместо того, чтобы вспоминать API по памяти.
CX Codex +1
767установок
vue-expert скилл Помогает писать Vue 3 код на Composition API, настраивать Nuxt 3, Pinia и Vite. Пригодится для компонентов, PWA и гибридных приложений.
CX Codex +1
4 500установок
telegram-mini-app скилл Скилл для разработки Telegram Mini Apps — веб-приложений, которые работают внутри Telegram с опытом, близким к нативным. Охватывает TON, Telegram Web App API, аутентификацию и монетизацию через Stars.
CX Codex +1
1 700установок
sprites-and-images скилл Помогает создавать и настраивать объекты Sprite и Image в Phaser 4. Подсказывает правильные методы миксинов для позиционирования, масштабирования, кадров и обрезки текстур.
CX Codex +1
1 100установок
zod-4 скилл Скилл обучает ассистента правилам валидации Zod 4 и миграции со старых версий. Он нужен при создании схем для форм, парсинга запросов и адаптеров.
CX Codex +1
1 200установок
html-diagram скилл Генерирует автономные интерактивные HTML-диаграммы без сторонних сервисов и сборки. Пригодится, когда нужно визуализировать топологию, состояния, таймлайн или архитектуру проекта.
CX Codex +1
4 100установок
zustand скилл Скилл интегрирует Zustand в json-render для синхронизации состояния приложения. Пригодится, если в проекте уже используется Zustand и нужно связать его с компонентами, которые рендерит json-render.
CX Codex +1
1 900установок
tailwind-design-system скилл Скилл задаёт агенту рамки работы с Tailwind: токены, варианты компонентов, адаптивные паттерны и доступность. Пригодится, когда UI в проекте разъезжается.
CX Codex +1
1 600установок
edge-to-edge скилл Переводит Jetpack Compose-приложение на edge-to-edge и исправляет перекрытия системными панелями, клавиатурой и отступами.
CX Codex +1
3 200установок
swiftui-liquid-glass
официальный скилл Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. Он нужен при внедрении эффекта, ревью и проверке fallback-сценариев.
CX Codex GP ChatGPT
121установок
isometric-explainer скилл Скилл создаёт интерактивную страницу с изометрической машиной, где каждый узел визуализирует шаг процесса на базе строгой модели состояний.
CX Codex +1
550установок
course-style скилл Задаёт правила оформления, токены цветов, шрифты и нормы понятного технического текста для проекта AI Engineering from Scratch.
CX Codex +1
550установок
vue-expert-js скилл Создаёт Vue 3-код на JavaScript с JSDoc-аннотациями вместо TypeScript. Пригодится для компонентов, композаблов, роутинга и состояния в проектах без TS.
CX Codex +1
4 100установок
motion-figure скилл Скилл генерирует интерактивные схемы и анимации трёх уровней: декларативные SVG на SMIL, HTML-виджеты с регуляторами и WebGL-полосы дизеринга.
CX Codex +1
545установок
tamagui скилл Обучает ИИ-агента синтаксису Tamagui v3 с плоскими условиями стилей без префикса $. Помогает собирать кроссплатформенный UI для веба и React Native.
CX Codex +1
595установок
spartan скилл Помогает добавлять, собирать и стилизовать компоненты spartan/ui в Angular-проекте. Пригодится для работы со слоями Brain и Helm.
CX Codex +1
2 300установок
html-plan скилл Превращает черновые планы и договорённости в автономный HTML-документ. Пригодится, когда нужно зафиксировать этапы, зависимости и ответственных без раздувания до дашборда.
CX Codex +1
3 800установок
html скилл Скилл собирает один самодостаточный HTML-файл со стилями и скриптами внутри: отчёт, лендинг, презентацию или калькулятор. И подсказывает, какому соседнему скиллу уступить задачу.
CX Codex +1
3 900установок
frontend-dev-guidelines скилл Задаёт строгие правила для React и TypeScript: структура фич, Suspense-запросы, MUI и проверка влияния на производительность.
CX Codex +1
1 500установок
interactive-portfolio скилл Скилл помогает спроектировать интерактивное портфолио разработчика или дизайнера с упором на конверсию посетителей. Пригодится при сборке личного сайта для поиска работы или клиентов.
CX Codex +1
1 500установок
441–480 из 2 909
