# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 26 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=26 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [ui-animation](https://affpapa.org/nevibecode/skills/ui-animation.md) — скилл · mblode · Claude Code, Codex, Cursor +3 · 10400 установок — Скилл проектирует, проверяет и разбирает анимацию интерфейсов: пружины, жесты, прокрутку и переходы. - [animate](https://affpapa.org/nevibecode/skills/delphi-ai-animate.md) — скилл · delphi-ai · Claude Code, Codex, Cursor +3 · 3600 установок — Справочник правил и готовых сниппетов для создания анимаций в React и Next.js. - [pixijs-scene-graphics](https://affpapa.org/nevibecode/skills/pixijs-scene-graphics.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 6000 установок — Скилл помогает ИИ-агенту писать код для векторной графики в PixiJS v8. - [pixijs-core-concepts](https://affpapa.org/nevibecode/skills/pixijs-core-concepts.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 6000 установок — Объясняет, как PixiJS v8 рисует кадры: выбор бэкенда, цикл рендера, работа с RenderTexture и потеря контекста. - [pixijs-performance](https://affpapa.org/nevibecode/skills/pixijs-performance.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 6000 установок — Скилл для профилирования и ускорения PixiJS v8: FPS, draw calls, память GPU. - [pixijs-application](https://affpapa.org/nevibecode/skills/pixijs-application.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 6000 установок — Помогает настроить приложение PixiJS v8 через асинхронный app.init(). - [web-shader-extractor](https://affpapa.org/nevibecode/skills/web-shader-extractor.md) — скилл · lixiaolin94 · Claude Code, Codex, Cursor +3 · 825 установок — Извлекает и локально воспроизводит WebGL, WebGPU, Canvas и шейдерные эффекты со страницы. - [experience-ui-bundle-frontend-generate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-frontend-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5300 установок — Скилл для правок интерфейса в уже собранном UI-бандле Salesforce: страницы, компоненты, вёрстка, навигация, брендинг. - [ui-typography](https://affpapa.org/nevibecode/skills/ui-typography.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 3900 установок — Скилл задаёт правила типографики для интерфейсов и заставляет агента молча применять их при генерации HTML, CSS и React. - [magicpath](https://affpapa.org/nevibecode/skills/magicpathai-magicpath.md) — скилл · MagicPathAI · Claude Code, Codex, Cursor +3 · 6300 установок — Переносит компоненты и дизайн-системы из MagicPath в локальный проект через консольную утилиту. - [pixijs-scene-container](https://affpapa.org/nevibecode/skills/pixijs-scene-container.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл по работе с узлом Container в PixiJS v8: группировка объектов сцены, трансформация, сортировка по zIndex и управление дочерними элементами. - [pixijs-scene-sprite](https://affpapa.org/nevibecode/skills/pixijs-scene-sprite.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл объясняет агенту, как рисовать изображения в PixiJS v8: Sprite, AnimatedSprite, NineSliceSprite и TilingSprite. - [pixijs-events](https://affpapa.org/nevibecode/skills/pixijs-events.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл для работы с указателем, мышью, тачем и колесом в PixiJS v8: режимы eventMode, типы FederatedEvent, всплытие и перехват, hitArea, курсоры, drag через globalpointermove. - [pixijs-assets](https://affpapa.org/nevibecode/skills/pixijs-assets.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл учит агента загружать ассеты в PixiJS v8 через синглтон Assets. - [navigation-patterns](https://affpapa.org/nevibecode/skills/navigation-patterns.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Помогает подобрать схемы переходов между разделами интерфейса: от таббаров до боковых панелей. - [motion-system](https://affpapa.org/nevibecode/skills/motion-system.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Задаёт единый набор длительностей, кривых и правил для анимаций в продукте. - [experience-ui-bundle-file-upload-generate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-file-upload-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5200 установок — Настраивает загрузку файлов в React-компонентах Salesforce UI bundle. - [experience-ui-bundle-custom-app-generate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-custom-app-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5200 установок — Создаёт CustomApplication в Salesforce для запуска React UI bundle в Lightning Experience. - [experience-ui-bundle-salesforce-data-access](https://affpapa.org/nevibecode/skills/experience-ui-bundle-salesforce-data-access.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5200 установок — Подключает чтение и запись записей Salesforce в компоненты uiBundles через @salesforce/platform-sdk. - [experience-ui-bundle-deploy](https://affpapa.org/nevibecode/skills/experience-ui-bundle-deploy.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5200 установок — Скилл проводит деплой UI-бандла в Salesforce-орг по шагам: авторизация, сборка, метаданные, права, self-registration, SSO и codegen. - [experience-ui-bundle-app-coordinate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-app-coordinate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5300 установок — Координирует сборку приложений React UI bundle в Salesforce с нуля. - [experience-ui-bundle-metadata-generate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-metadata-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5300 установок — Добавляет React- или Angular-бандл в уже существующий SFDX-проект и настраивает его метаданные. - [nuxt-better-auth](https://affpapa.org/nevibecode/skills/nuxt-better-auth.md) — скилл · onmax · Claude Code, Codex, Cursor +3 · 2000 установок — Направляет настройку аутентификации Nuxt через @nuxtjs/better-auth: от сессий и маршрутов до серверных API и плагинов. - [writing-react-native-storybook-stories](https://affpapa.org/nevibecode/skills/writing-react-native-storybook-stories.md) — скилл · storybookjs · Claude Code, Codex, Cursor +3 · 683 установки — Помогает агенту писать и править истории React Native по формату CSF: args, argTypes, декораторы, параметры аддонов и портируемые истории для тестов. - [pixijs-scene-particle-container](https://affpapa.org/nevibecode/skills/pixijs-scene-particle-container.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5800 установок — Инструктирует агента по работе с ParticleContainer в PixiJS v8. - [pixijs-filters](https://affpapa.org/nevibecode/skills/pixijs-filters.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5800 установок — Помогает настраивать визуальные эффекты PixiJS v8 через систему фильтров. - [pixijs-ticker](https://affpapa.org/nevibecode/skills/pixijs-ticker.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5800 установок — Скилл объясняет, как устроен цикл рендера PixiJS v8: колбэки тикера, единицы времени, приоритеты и ограничение FPS. - [pixijs-scene-text](https://affpapa.org/nevibecode/skills/pixijs-scene-text.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5800 установок — Скилл учит нейросеть работать с текстом в PixiJS v8. - [pixijs-scene-core-concepts](https://affpapa.org/nevibecode/skills/pixijs-scene-core-concepts.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Объясняет, как устроено дерево сцены PixiJS v8: контейнеры, листья, трансформы и порядок отрисовки. - [pixijs-math](https://affpapa.org/nevibecode/skills/pixijs-math.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл для работы с координатами, матрицами, фигурами и проверкой попаданий в PixiJS v8. - [fluid-functionalism](https://affpapa.org/nevibecode/skills/fluid-functionalism.md) — скилл · mickadesign · Claude Code, Codex, Cursor +3 · 603 установки — Скилл для сборки React-интерфейсов на реестре shadcn/ui @fluid: пружины вместо длительностей, подсветка под курсором, смена веса шрифта без сдвига вёрстки. - [threejs](https://affpapa.org/nevibecode/skills/mrgoonie-threejs.md) — скилл · mrgoonie · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл для ИИ-кодинга, который помогает собирать 3D-сцены, шейдеры и VR-опыты на Three.js. - [experience-ui-bundle-features-generate](https://affpapa.org/nevibecode/skills/experience-ui-bundle-features-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5100 установок — Ставит в Salesforce UI bundle готовые пакеты фич — вход, выход, защищённые маршруты, поиск — вместо того чтобы писать их руками. - [pixijs-scene-mesh](https://affpapa.org/nevibecode/skills/pixijs-scene-mesh.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Помогает настраивать кастомную 2D-геометрию в PixiJS v8 через Mesh, MeshPlane, MeshRope и PerspectiveMesh. - [pixijs-scene-dom-container](https://affpapa.org/nevibecode/skills/pixijs-scene-dom-container.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Подсказывает агенту, как накладывать HTML-элементы на canvas PixiJS v8 через DOMContainer и DOMPipe. - [pixijs-blend-modes](https://affpapa.org/nevibecode/skills/pixijs-blend-modes.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Скилл подсказывает агенту, как смешивать объекты PixiJS v8 через blendMode: стандартные режимы, продвинутые и порядок для батчинга. - [pixijs-color](https://affpapa.org/nevibecode/skills/pixijs-color.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Скилл по классу Color в PixiJS v8. - [pixijs-create](https://affpapa.org/nevibecode/skills/pixijs-create.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Скилл ведёт агента через создание нового проекта PixiJS v8 или подключение библиотеки к уже существующему: шаблоны, пакетные менеджеры, настройка TypeScript. - [pixijs-custom-rendering](https://affpapa.org/nevibecode/skills/pixijs-custom-rendering.md) — скилл · pixijs · Claude Code, Codex, Cursor +3 · 5700 установок — Помогает писать кастомные шейдеры, юниформы, фильтры и батчеры в PixiJS v8 — на GLSL и WGSL, под WebGL и WebGPU. - [clerk-react-router-patterns](https://affpapa.org/nevibecode/skills/clerk-react-router-patterns.md) — скилл · clerk · Claude Code, Codex, Cursor +3 · 15500 установок — Помогает настроить Clerk с React Router v7/v8: загрузчики, защищённые маршруты, SSR и выбор организации. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=27 ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [webgl](https://affpapa.org/nevibecode/tag/webgl.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md