NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
ui-animation скилл Скилл проектирует, проверяет и разбирает анимацию интерфейсов: пружины, жесты, прокрутку и переходы. Пригодится при работе с движением и звуками UI.
CX Codex +1
10 400установок
animate скилл Справочник правил и готовых сниппетов для создания анимаций в React и Next.js. Помогает настроить переходы и диалоговые окна с учётом производительности.
CX Codex +1
3 600установок
pixijs-scene-graphics скилл Скилл помогает ИИ-агенту писать код для векторной графики в PixiJS v8. Пригодится при рисовании фигур, контуров, градиентов и заливок по правилам обновлённого API.
CX Codex +1
6 000установок
pixijs-core-concepts скилл Объясняет, как PixiJS v8 рисует кадры: выбор бэкенда, цикл рендера, работа с RenderTexture и потеря контекста.
CX Codex +1
6 000установок
pixijs-performance скилл Скилл для профилирования и ускорения PixiJS v8: FPS, draw calls, память GPU. Пригодится, когда приложение тормозит или течёт память.
CX Codex +1
6 000установок
pixijs-application скилл Помогает настроить приложение PixiJS v8 через асинхронный app.init(). Пригодится при сборке холста, подключении WebGPU или WebGL и настройке ресайза.
CX Codex +1
6 000установок
web-shader-extractor скилл Извлекает и локально воспроизводит WebGL, WebGPU, Canvas и шейдерные эффекты со страницы. Нужен для разбора анимированных фонов и интерактивной 3D-графики.
CX Codex +1
825установок
experience-ui-bundle-frontend-generate скилл Скилл для правок интерфейса в уже собранном UI-бандле Salesforce: страницы, компоненты, вёрстка, навигация, брендинг.
CX Codex +1
5 300установок
ui-typography скилл Скилл задаёт правила типографики для интерфейсов и заставляет агента молча применять их при генерации HTML, CSS и React.
CX Codex +1
3 900установок
magicpath скилл Переносит компоненты и дизайн-системы из MagicPath в локальный проект через консольную утилиту. Помогает собирать и править интерфейсы на лету.
CX Codex +1
6 300установок
pixijs-scene-container скилл Скилл по работе с узлом Container в PixiJS v8: группировка объектов сцены, трансформация, сортировка по zIndex и управление дочерними элементами.
CX Codex +1
5 900установок
pixijs-scene-sprite скилл Скилл объясняет агенту, как рисовать изображения в PixiJS v8: Sprite, AnimatedSprite, NineSliceSprite и TilingSprite. Пригодится, когда в проекте уже есть PixiJS и нужно быстро получить рабочий код отрисовки.
CX Codex +1
5 900установок
pixijs-events скилл Скилл для работы с указателем, мышью, тачем и колесом в PixiJS v8: режимы eventMode, типы FederatedEvent, всплытие и перехват, hitArea, курсоры, drag через globalpointermove.
CX Codex +1
5 900установок
pixijs-assets скилл Скилл учит агента загружать ассеты в PixiJS v8 через синглтон Assets. Помогает настроить бандлы, шрифты, спрайтшиты и парсеры для ссылок без расширений.
CX Codex +1
5 900установок
navigation-patterns скилл Помогает подобрать схемы переходов между разделами интерфейса: от таббаров до боковых панелей. Полезен при проектировании мобильных и десктопных экранов.
CX Codex +1
1 800установок
motion-system скилл Задаёт единый набор длительностей, кривых и правил для анимаций в продукте. Пригодится, когда у каждого компонента свои тайминги.
CX Codex +1
1 800установок
experience-ui-bundle-file-upload-generate скилл Настраивает загрузку файлов в React-компонентах Salesforce UI bundle. Помогает связать файлы с ContentVersion и отслеживать прогресс передачи.
CX Codex +1
5 200установок
experience-ui-bundle-custom-app-generate скилл Создаёт CustomApplication в Salesforce для запуска React UI bundle в Lightning Experience. Пригодится, когда нужно вывести бандл в App Launcher без Digital Experience Site.
CX Codex +1
5 200установок
experience-ui-bundle-salesforce-data-access скилл Подключает чтение и запись записей Salesforce в компоненты uiBundles через @salesforce/platform-sdk. Нужен, когда страница, таблица или форма должна показывать реальные данные.
CX Codex +1
5 200установок
experience-ui-bundle-deploy скилл Скилл проводит деплой UI-бандла в Salesforce-орг по шагам: авторизация, сборка, метаданные, права, self-registration, SSO и codegen.
CX Codex +1
5 200установок
experience-ui-bundle-app-coordinate скилл Координирует сборку приложений React UI bundle в Salesforce с нуля. Пригодится при генерации веб-приложений и SPA через связку вспомогательных скилов.
CX Codex +1
5 300установок
experience-ui-bundle-metadata-generate скилл Добавляет React- или Angular-бандл в уже существующий SFDX-проект и настраивает его метаданные. Пригодится, когда нужен второй UI-бандл или правка ui-bundle.json.
CX Codex +1
5 300установок
nuxt-better-auth скилл Направляет настройку аутентификации Nuxt через @nuxtjs/better-auth: от сессий и маршрутов до серверных API и плагинов.
CX Codex +1
2 000установок
writing-react-native-storybook-stories скилл Помогает агенту писать и править истории React Native по формату CSF: args, argTypes, декораторы, параметры аддонов и портируемые истории для тестов.
CX Codex +1
683установок
pixijs-scene-particle-container скилл Инструктирует агента по работе с ParticleContainer в PixiJS v8. Помогает рендерить десятки тысяч легковесных спрайтов за один draw call.
CX Codex +1
5 800установок
pixijs-filters скилл Помогает настраивать визуальные эффекты PixiJS v8 через систему фильтров. Пригодится для размытия, цветокоррекции и пользовательских шейдеров.
CX Codex +1
5 800установок
pixijs-ticker скилл Скилл объясняет, как устроен цикл рендера PixiJS v8: колбэки тикера, единицы времени, приоритеты и ограничение FPS.
CX Codex +1
5 800установок
pixijs-scene-text скилл Скилл учит нейросеть работать с текстом в PixiJS v8. Он помогает выбрать подходящий класс рендеринга и не тратить ресурсы на перерисовку канваса каждый кадр.
CX Codex +1
5 800установок
pixijs-scene-core-concepts скилл Объясняет, как устроено дерево сцены PixiJS v8: контейнеры, листья, трансформы и порядок отрисовки. Пригодится, когда агент пишет код на PixiJS.
CX Codex +1
5 900установок
pixijs-math скилл Скилл для работы с координатами, матрицами, фигурами и проверкой попаданий в PixiJS v8. Пригодится, когда нужно перевести точку между системами координат или собрать хит-зону.
CX Codex +1
5 900установок
fluid-functionalism скилл Скилл для сборки React-интерфейсов на реестре shadcn/ui @fluid: пружины вместо длительностей, подсветка под курсором, смена веса шрифта без сдвига вёрстки.
CX Codex +1
603установок
threejs скилл Скилл для ИИ-кодинга, который помогает собирать 3D-сцены, шейдеры и VR-опыты на Three.js. Пригодится, когда проект упирается в WebGL или WebGPU.
CX Codex +1
1 200установок
experience-ui-bundle-features-generate скилл Ставит в Salesforce UI bundle готовые пакеты фич — вход, выход, защищённые маршруты, поиск — вместо того чтобы писать их руками.
CX Codex +1
5 100установок
pixijs-scene-mesh скилл Помогает настраивать кастомную 2D-геометрию в PixiJS v8 через Mesh, MeshPlane, MeshRope и PerspectiveMesh. Пригодится при анимации вершин, деформации текстур и рисовании путей.
CX Codex +1
5 700установок
pixijs-scene-dom-container скилл Подсказывает агенту, как накладывать HTML-элементы на canvas PixiJS v8 через DOMContainer и DOMPipe. Пригодится, когда нужны поля ввода, iframe или видео поверх сцены.
CX Codex +1
5 700установок
pixijs-blend-modes скилл Скилл подсказывает агенту, как смешивать объекты PixiJS v8 через blendMode: стандартные режимы, продвинутые и порядок для батчинга.
CX Codex +1
5 700установок
pixijs-color скилл Скилл по классу Color в PixiJS v8. Помогает переводить форматы цвета, настраивать tint и альфу, а также оптимизировать вызовы в циклах рендера через Color.shared и буферы.
CX Codex +1
5 700установок
pixijs-create скилл Скилл ведёт агента через создание нового проекта PixiJS v8 или подключение библиотеки к уже существующему: шаблоны, пакетные менеджеры, настройка TypeScript.
CX Codex +1
5 700установок
pixijs-custom-rendering скилл Помогает писать кастомные шейдеры, юниформы, фильтры и батчеры в PixiJS v8 — на GLSL и WGSL, под WebGL и WebGPU.
CX Codex +1
5 700установок
clerk-react-router-patterns скилл Помогает настроить Clerk с React Router v7/v8: загрузчики, защищённые маршруты, SSR и выбор организации. Нужен при добавлении авторизации в роутер.
CX Codex +1
15 500установок
1 001–1 040 из 2 909