# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 16 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=16 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [migrate-nativewind-to-uniwind](https://affpapa.org/nevibecode/skills/migrate-nativewind-to-uniwind.md) — скилл · uni-stack · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл автоматизирует переход React Native проекта с NativeWind на Uniwind. - [react-router](https://affpapa.org/nevibecode/skills/react-router.md) — скилл · TanStack · Claude Code, Codex, Cursor +3 · 547 установок — Скилл для агента по @tanstack/react-router: справочник хуков и компонентов плюс сборка файлового роутинга на Vite от установки до routeTree.gen. - [principle-experience-first](https://affpapa.org/nevibecode/skills/principle-experience-first.md) — скилл · backnotprop · Claude Code, Codex, Cursor +3 · 5100 установок — Скилл-принцип, который смещает приоритет при продуктовых и UX-решениях в сторону пользователя. - [wpds](https://affpapa.org/nevibecode/skills/wpds.md) — скилл · WordPress · Claude Code, Codex, Cursor +3 · 4000 установок — Скилл подтягивает документацию WordPress Design System через MCP-сервер, чтобы агент собирал интерфейс на настоящих компонентах и токенах, а не по памяти. - [narrow-react-prop-types](https://affpapa.org/nevibecode/skills/narrow-react-prop-types.md) — скилл · humanlayer · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл сужает типы пропсов React-компонента до контракта, который реально используется в живом коде, и заставляет сторис и тесты подстроиться под него. - [clerk-setup](https://affpapa.org/nevibecode/skills/clerk-setup.md) — скилл · clerk · Claude Code, Codex, Cursor +3 · 56600 установок — Настраивает аутентификацию Clerk через официальный CLI или создаёт новый проект с готовой авторизацией. - [typescript-variables](https://affpapa.org/nevibecode/skills/typescript-variables.md) — скилл · mkosir · Claude Code, Codex, Cursor +3 · 3800 установок — Применяет соглашения TypeScript для переменных: const assertions, замена enum на литеральные типы, union вместо флагов, различение null и undefined. - [typescript-discriminated-unions](https://affpapa.org/nevibecode/skills/typescript-discriminated-unions.md) — скилл · mkosir · Claude Code, Codex, Cursor +3 · 3800 установок — Скилл учит ИИ-агента применять дискриминированные объединения в TypeScript для взаимоисключающих состояний и проверять исчерпывающий switch через ESLint. - [clerk-custom-ui](https://affpapa.org/nevibecode/skills/clerk-custom-ui.md) — скилл · clerk · Claude Code, Codex, Cursor +3 · 55200 установок — Скилл по Clerk: агент собирает свою форму входа на хуках useSignIn и useSignUp либо перекрашивает готовые компоненты под бренд. - [angular-signals](https://affpapa.org/nevibecode/skills/angular-signals.md) — скилл · analogjs · Claude Code, Codex, Cursor +3 · 8800 установок — Помогает переводить состояние в Angular v20+ на сигналы и заменять потоки RxJS. - [clerk-nextjs-patterns](https://affpapa.org/nevibecode/skills/clerk-nextjs-patterns.md) — скилл · clerk · Claude Code, Codex, Cursor +3 · 53400 установок — Скилл обучает ИИ-агента паттернам аутентификации Clerk в Next.js: от серверных функций до кэширования. - [design-everyday-things](https://affpapa.org/nevibecode/skills/design-everyday-things.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5600 установок — Скилл разбирает интерфейс по принципам из «Дизайна привычных вещей»: аффордансы, сигнификаторы, ограничения, обратная связь. - [wear-compose-m3](https://affpapa.org/nevibecode/skills/wear-compose-m3.md) — скилл · Google LLC · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл ведёт агента по Wear OS Compose Material3: миграция с Material 2.5 и Horologist, готовые примеры компонентов, требования к сборке. - [tanstack-query-best-practices](https://affpapa.org/nevibecode/skills/tanstack-query-best-practices.md) — скилл · DeckardGer · Claude Code, Codex, Cursor +3 · 12800 установок — Свод правил TanStack Query для React: ключи запросов, кеш, мутации, SSR. - [shaders](https://affpapa.org/nevibecode/skills/shaders.md) — скилл · shader-effects-inc · Claude Code, Codex, Cursor +3 · 548 установок — Скилл для WebGPU-эффектов: анимированные фоны, градиенты, стекло, искажения и частицы из компонентов shaders в React, Vue, Svelte, Solid или чистом JS. - [tailwind-4-docs](https://affpapa.org/nevibecode/skills/tailwind-4-docs.md) — скилл · Lombiq · Claude Code, Codex, Cursor +3 · 17600 установок — Скилл подтягивает локальный снимок документации Tailwind CSS v4 и помогает агенту отвечать по утилитам, конфигу и миграции с v3. - [tailwindcss-development](https://affpapa.org/nevibecode/skills/tailwindcss-development.md) — скилл · laravel · Claude Code, Codex, Cursor +3 · 942 установки — Пишет и правит Tailwind-классы в Blade, JSX и Vue. - [senior-frontend](https://affpapa.org/nevibecode/skills/senior-frontend.md) — скилл · Alireza Rezvani · Claude Code · 1630 установок — Скилл помогает создавать React-компоненты, запускать проекты Next.js и проверять размер бандла. - [generate](https://affpapa.org/nevibecode/skills/generate.md) — скилл · Alireza Rezvani · Claude Code · 1624 установки — Скилл generate пишет тесты Playwright по пользовательской истории, URL, имени компонента или описанию фичи. - [bklit-ui](https://affpapa.org/nevibecode/skills/bklit-ui.md) — скилл · bklit · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл подключает графики Bklit UI в React и Next.js: ставит компоненты из реестра @bklit и показывает, как собрать серию с осями и тултипом. - [high-perf-browser](https://affpapa.org/nevibecode/skills/high-perf-browser.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5300 установок — Скилл для Claude Code, который ищет причины медленной загрузки в сети и протоколах: рукопожатия, HTTP/2 и HTTP/3, блокирующие ресурсы, критический путь рендеринга. - [maui-theming](https://affpapa.org/nevibecode/skills/maui-theming.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл подсказывает агенту, как добавить светлую и тёмную тему в .NET MAUI: AppThemeBinding, подмена ResourceDictionary, реакция на смену системной темы. - [maui-data-binding](https://affpapa.org/nevibecode/skills/maui-data-binding.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл учит ИИ-агента связывать контролы XAML со свойствами ViewModel в .NET MAUI: компилируемые биндинги, уведомления об изменениях, конвертеры. - [maui-dependency-injection](https://affpapa.org/nevibecode/skills/maui-dependency-injection.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл обучает ассистента правилам внедрения зависимостей в .NET MAUI. - [antd](https://affpapa.org/nevibecode/skills/antd.md) — скилл · ant-design · Claude Code, Codex, Cursor +3 · 6100 установок — Помогает агенту работать с Ant Design: сверять API компонентов, искать ошибки и готовить миграцию между версиями. - [build-awwwards-quality-sites](https://affpapa.org/nevibecode/skills/build-awwwards-quality-sites.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 3100 установок — Задаёт правила арт-дирекшна и вёрстки интерактивных сайтов уровня Awwwards. - [webgpu-threejs-tsl](https://affpapa.org/nevibecode/skills/webgpu-threejs-tsl.md) — скилл · dgreenheck · Claude Code, Codex, Cursor +3 · 1600 установок — Помогает писать Three.js-приложения с WebGPU, TSL-материалами, вычислительными шейдерами и постобработкой. - [react-start](https://affpapa.org/nevibecode/skills/react-start.md) — скилл · TanStack · Claude Code, Codex, Cursor +3 · 454 установки — Правила и шаблоны для проектов на TanStack Start с React. - [web-haptics](https://affpapa.org/nevibecode/skills/web-haptics.md) — скилл · lochie · Claude Code, Codex, Cursor +3 · 812 установок — Настраивает тактильный отклик в мобильных веб-интерфейсах через библиотеку web-haptics и Web Vibration API по правилам Apple HIG. - [web-prototype](https://affpapa.org/nevibecode/skills/web-prototype.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 300 установок — Собирает один самодостаточный HTML-прототип из seed-шаблона и восьми скелетов секций. - [create-verification-skill](https://affpapa.org/nevibecode/skills/tester-army-create-verification-skill.md) — скилл · tester-army · Claude Code, Codex, Cursor +3 · 388 установок — Скилл исследует проект и создаёт локальный рецепт проверки verify- на базе e2e. - [improve-threejs](https://affpapa.org/nevibecode/skills/improve-threejs.md) — скилл · millionco · Claude Code, Codex, Cursor +3 · 316 установок — Проверяет приложения Three.js и React Three Fiber на проблемы кадрового цикла, памяти GPU и рендеринга. - [testing-for-xss-vulnerabilities](https://affpapa.org/nevibecode/skills/testing-for-xss-vulnerabilities.md) — скилл · mahipal · Claude Code, Codex, Cursor +3 · 647 установок — Проверяет веб-приложение на отражённый, сохранённый и DOM XSS. - [configure-auth](https://affpapa.org/nevibecode/skills/configure-auth.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3100 установок — Настраивает аутентификацию и авторизацию в Blazor Web App с учётом режимов рендеринга. - [maui-safe-area](https://affpapa.org/nevibecode/skills/maui-safe-area.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3200 установок — Помогает настроить безопасные зоны и отображение edge-to-edge в приложениях на .NET 10+. - [maui-collectionview](https://affpapa.org/nevibecode/skills/maui-collectionview.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл-справочник по CollectionView в .NET MAUI: шаблоны элементов, сетки, группировка, подгрузка при прокрутке и свайп-действия. - [start-core](https://affpapa.org/nevibecode/skills/start-core.md) — скилл · TanStack · Claude Code, Codex, Cursor +3 · 447 установок — Скилл объясняет базовую структуру TanStack Start: Vite-плагин, роутер, корневой маршрут и серверные функции. - [modern-css](https://affpapa.org/nevibecode/skills/modern-css.md) — скилл · paulirish · Claude Code, Codex, Cursor +3 · 544 установки — Даёт агенту справочник по современному CSS для новых стилей, обновления старых правил и работы с новыми возможностями браузера. - [roblox-ui](https://affpapa.org/nevibecode/skills/roblox-ui.md) — скилл · gamedev-skills · Claude Code, Codex, Cursor +3 · 4000 установок — Скилл для сборки интерфейсов Roblox: жизненный цикл ScreenGui, адаптивные UDim2-раскладки, ввод с геймпада и тача. - [use-js-interop](https://affpapa.org/nevibecode/skills/use-js-interop.md) — скилл · dotnet · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл настраивает и проверяет JavaScript interop в компонентах Blazor. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=17 ## Уточнить [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