# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 9 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=9 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [material-ui-styling](https://affpapa.org/nevibecode/skills/material-ui-styling.md) — скилл · mui · Claude Code, Codex, Cursor +3 · 688 установок — Подсказывает агенту, каким слоем стилизовать компоненты Material UI: sx, styled(), темой или глобальным CSS. - [expo-examples](https://affpapa.org/nevibecode/skills/expo-examples.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 26400 установок — Помогает переносить официальные примеры интеграций из каталога expo/examples в текущий проект или создавать новые приложения через шаблон. - [screen-reader-testing](https://affpapa.org/nevibecode/skills/screen-reader-testing.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 10700 установок — Скилл помогает проверять веб-приложения с VoiceOver, NVDA и JAWS. - [threejs-fundamentals](https://affpapa.org/nevibecode/skills/threejs-fundamentals.md) — скилл · CloudAI-X · Claude Code, Codex, Cursor +3 · 17400 установок — Помогает настроить базовую сцену Three.js r186: рендерер, камеры, цикл анимации с THREE.Timer и import map для WebGL или WebGPU с TSL. - [better-auth-best-practices](https://affpapa.org/nevibecode/skills/better-auth-best-practices.md) — скилл · better-auth · Claude Code, Codex, Cursor +3 · 126700 установок — Скилл помогает настроить Better Auth в TypeScript-проекте: сервер, клиент, базу данных, сессии и плагины. - [pixelbin-media](https://affpapa.org/nevibecode/skills/pixelbin-media.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл для генерации и редактирования изображений и видео через Pixelbin и сборки страниц сайта. - [wpds](https://affpapa.org/nevibecode/skills/nexu-io-wpds.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Применяет дизайн-токены, типографику и паттерны компонентов официальной WordPress Design System в темах и сайтах. - [figma-code-connect-components](https://affpapa.org/nevibecode/skills/figma-code-connect-components.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Связывает компоненты Figma с компонентами кода через Code Connect. - [stitch-loop](https://affpapa.org/nevibecode/skills/nexu-io-stitch-loop.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл запускает итеративный цикл обратной связи между дизайном и кодом: критика макета → правка кода → проверка фidelity. - [figma-generate-library](https://affpapa.org/nevibecode/skills/nexu-io-figma-generate-library.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл генерирует или обновляет библиотеку дизайн-системы в Figma прямо из кодовой базы проекта. - [swiss-user-research-video-template](https://affpapa.org/nevibecode/skills/swiss-user-research-video-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Создаёт HTML-презентацию исследования в швейцарском стиле — тёплый бумажный тон, минималистская вёрстка, круговая диаграмма участников и навигация между слайдами. - [faq-page](https://affpapa.org/nevibecode/skills/faq-page.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Создаёт HTML-страницу FAQ с аккордеоном, поиском и фильтрами категорий. - [editorial-burgundy-principles-template](https://affpapa.org/nevibecode/skills/editorial-burgundy-principles-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Создаёт трёхслайдовую презентацию в бордовой и розовой гамме для манифестов, принципов и культурных нарративов. - [swiss-creative-mode-template](https://affpapa.org/nevibecode/skills/swiss-creative-mode-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Собирает интерактивную презентацию в швейцарском стиле в единый HTML-файл. - [digits-fintech-swiss-template](https://affpapa.org/nevibecode/skills/digits-fintech-swiss-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Шаблон финтех-презентации в швейцарской сетке: чёрный, тёплая бумага, неоново-лаймовые акценты. - [full-page-screenshot](https://affpapa.org/nevibecode/skills/nexu-io-full-page-screenshot.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл захватывает полные скриншоты веб-страниц через Chrome DevTools Protocol без внешних зависимостей. - [artifacts-builder](https://affpapa.org/nevibecode/skills/nexu-io-artifacts-builder.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл помогает создавать сложные многокомпонентные HTML-артефакты для claude.ai. - [vue-router-best-practices](https://affpapa.org/nevibecode/skills/vue-router-best-practices.md) — скилл · github.com/vuejs-ai · Claude Code, Codex, Cursor +3 · 15000 установок — Скилл обучает ИИ-кодера правилам Vue Router 4: навигационные гварды, обработка параметров маршрутов и синхронизация с жизненным циклом компонента. - [gsap-framer-scroll-animation](https://affpapa.org/nevibecode/skills/gsap-framer-scroll-animation.md) — скилл (официальный GitHub) · Utkarsh Patrikar · GitHub Copilot · 3900 установок — Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. - [design-motion-principles](https://affpapa.org/nevibecode/skills/design-motion-principles.md) — скилл · kylezantos · Claude Code, Codex, Cursor +3 · 12800 установок — Создаёт и проверяет анимации интерфейса с учётом контекста продукта и частоты действий. - [argent-lens](https://affpapa.org/nevibecode/skills/argent-lens.md) — скилл · software-mansion · Claude Code, Codex, Cursor +3 · 22500 установок — Скилл для выбора визуальных вариантов интерфейса в нативном окне Argent Lens. - [apple-design](https://affpapa.org/nevibecode/skills/dickwu-apple-design.md) — скилл · dickwu · Claude Code, Codex, Cursor +3 · 9300 установок — Проверяет интерфейсы по рекомендациям Apple и помогает находить проблемы в макетах и UI-коде. - [magic-ui](https://affpapa.org/nevibecode/skills/magic-ui.md) — скилл · magicuidesign · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность. - [build-zoom-contact-center-app](https://affpapa.org/nevibecode/skills/anthropics-build-zoom-contact-center-app.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2100 установок — Справочный скилл по архитектуре Zoom Contact Center. - [build-zoom-virtual-agent](https://affpapa.org/nevibecode/skills/anthropics-build-zoom-virtual-agent.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2100 установок — Справочный скилл для разработки виртуального агента Zoom: веб-встраивание, мобильные обёртки, синхронизация базы знаний и жизненный цикл чата. - [build-zoom-video-sdk-app](https://affpapa.org/nevibecode/skills/anthropics-build-zoom-video-sdk-app.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2100 установок — Референсный скилл для Zoom Video SDK — строит кастомные видеоприложения с полным контролем UI, без стандартного интерфейса Zoom. - [build-zoom-meeting-sdk-app](https://affpapa.org/nevibecode/skills/anthropics-build-zoom-meeting-sdk-app.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2100 установок — Инструкции и шаблоны для интеграции Zoom Meeting SDK в веб и нативные клиенты. - [impeccable-design-polish](https://affpapa.org/nevibecode/skills/impeccable-design-polish.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2500 установок — Доводит готовую веб-страницу до чистого вида: убирает визуальные штампы нейросетей, правит контрастность и чинит мобильную вёрстку. - [threejs-shaders](https://affpapa.org/nevibecode/skills/threejs-shaders.md) — скилл · CloudAI-X · Claude Code, Codex, Cursor +3 · 15600 установок — Скилл помогает писать кастомные GLSL-шейдеры и материалы для Three.js r186, настраивать униформы и переводить код на TSL для WebGPU. - [create-adaptable-composable](https://affpapa.org/nevibecode/skills/create-adaptable-composable.md) — скилл · github.com/vuejs-ai · Claude Code, Codex, Cursor +3 · 13800 установок — Скилл для создания переиспользуемых Vue composable, которые принимают значения, рефы или геттеры и работают одинаково во всех случаях. - [material-ui-theming](https://affpapa.org/nevibecode/skills/material-ui-theming.md) — скилл · mui · Claude Code, Codex, Cursor +3 · 607 установок — Скилл для создания и управления темами Material UI: палитры, цветовые схемы, CSS-переменные, переключение light/dark и TypeScript-расширения. - [vue-testing-best-practices](https://affpapa.org/nevibecode/skills/vue-testing-best-practices.md) — скилл · github.com/vuejs-ai · Claude Code, Codex, Cursor +3 · 13700 установок — Скилл с правилами и паттернами тестирования приложений на Vue 3. - [zoom-cobrowse-sdk](https://affpapa.org/nevibecode/skills/anthropics-zoom-cobrowse-sdk.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл даёт справочные материалы для внедрения Zoom Cobrowse SDK: совместного просмотра, аннотаций, маскирования данных и удалённой помощи. - [zoom-apps-sdk](https://affpapa.org/nevibecode/skills/anthropics-zoom-apps-sdk.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 2000 установок — Справочный скилл по Zoom Apps SDK. - [antislop-ui](https://affpapa.org/nevibecode/skills/antislop-ui.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 6400 установок — Скилл задаёт правила для цвета, компоновки, компонентов и анимации интерфейсов. - [weread-year-in-review-video-template](https://affpapa.org/nevibecode/skills/weread-year-in-review-video-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2400 установок — Создаёт вертикальное HTML-видео 9:16 для годового отчёта о чтении в стиле WeRead: статистика, заметки, ключевые слова и карточка читательского типа. - [improve-react](https://affpapa.org/nevibecode/skills/improve-react.md) — скилл · millionco · Claude Code, Codex, Cursor +3 · 2500 установок — Аудирует кодовую базу React через сканер React Doctor и готовит готовые инструкции для агентов-исполнителей. - [chrome-extensions](https://affpapa.org/nevibecode/skills/chrome-extensions.md) — скилл · GoogleChrome · Claude Code, Codex, Cursor +3 · 11000 установок — Помогает создавать и публиковать расширения для Chrome по стандартам Manifest V3. - [react-native-testing](https://affpapa.org/nevibecode/skills/react-native-testing.md) — скилл · callstack · Claude Code, Codex, Cursor +3 · 5300 установок — Скилл для написания и проверки тестов компонентов React Native с помощью Testing Library. - [threejs-geometry](https://affpapa.org/nevibecode/skills/threejs-geometry.md) — скилл · CloudAI-X · Claude Code, Codex, Cursor +3 · 14600 установок — Скилл учит ИИ-агента создавать стандартные и процедурные геометрии three.js, настраивать буферные атрибуты и генерировать 3D-текст. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=10 ## Уточнить [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