NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
migrate-nativewind-to-uniwind скилл Скилл автоматизирует переход React Native проекта с NativeWind на Uniwind. Он обновляет конфиг, удаляет старые пакеты, перестраивает CSS и обрабатывает все breaking changes.
CX Codex +1
2 000установок
react-router скилл Скилл для агента по @tanstack/react-router: справочник хуков и компонентов плюс сборка файлового роутинга на Vite от установки до routeTree.gen.
CX Codex +1
547установок
principle-experience-first скилл Скилл-принцип, который смещает приоритет при продуктовых и UX-решениях в сторону пользователя. Пригодится, когда спорят о скоупе фич.
CX Codex +1
5 100установок
wpds скилл Скилл подтягивает документацию WordPress Design System через MCP-сервер, чтобы агент собирал интерфейс на настоящих компонентах и токенах, а не по памяти.
CX Codex +1
4 000установок
narrow-react-prop-types скилл Скилл сужает типы пропсов React-компонента до контракта, который реально используется в живом коде, и заставляет сторис и тесты подстроиться под него.
CX Codex +1
1 300установок
clerk-setup скилл Настраивает аутентификацию Clerk через официальный CLI или создаёт новый проект с готовой авторизацией. Помогает подключить провайдера без ручной правки конфигов.
CX Codex +1
56 600установок
typescript-variables скилл Применяет соглашения TypeScript для переменных: const assertions, замена enum на литеральные типы, union вместо флагов, различение null и undefined.
CX Codex +1
3 800установок
typescript-discriminated-unions скилл Скилл учит ИИ-агента применять дискриминированные объединения в TypeScript для взаимоисключающих состояний и проверять исчерпывающий switch через ESLint.
CX Codex +1
3 800установок
clerk-custom-ui скилл Скилл по Clerk: агент собирает свою форму входа на хуках useSignIn и useSignUp либо перекрашивает готовые компоненты под бренд.
CX Codex +1
55 200установок
angular-signals скилл Помогает переводить состояние в Angular v20+ на сигналы и заменять потоки RxJS. Автор признал скилл устаревшим в пользу официального набора.
CX Codex +1
8 800установок
clerk-nextjs-patterns скилл Скилл обучает ИИ-агента паттернам аутентификации Clerk в Next.js: от серверных функций до кэширования. Пригодится при настройке middleware, Server Actions и защите роутов.
CX Codex +1
53 400установок
design-everyday-things скилл Скилл разбирает интерфейс по принципам из «Дизайна привычных вещей»: аффордансы, сигнификаторы, ограничения, обратная связь. Пригодится, когда пользователи путаются, а вы не понимаете почему.
CX Codex +1
5 600установок
wear-compose-m3 скилл Скилл ведёт агента по Wear OS Compose Material3: миграция с Material 2.5 и Horologist, готовые примеры компонентов, требования к сборке.
CX Codex +1
1 200установок
tanstack-query-best-practices скилл Свод правил TanStack Query для React: ключи запросов, кеш, мутации, SSR. Подключается к Claude Code, Codex, Cursor и Copilot — чтобы загрузка данных в проекте шла по одной схеме.
CX Codex +1
12 800установок
shaders скилл Скилл для WebGPU-эффектов: анимированные фоны, градиенты, стекло, искажения и частицы из компонентов shaders в React, Vue, Svelte, Solid или чистом JS.
CX Codex +1
548установок
tailwind-4-docs скилл Скилл подтягивает локальный снимок документации Tailwind CSS v4 и помогает агенту отвечать по утилитам, конфигу и миграции с v3.
CX Codex +1
17 600установок
tailwindcss-development скилл Пишет и правит Tailwind-классы в Blade, JSX и Vue. Срабатывает сам, когда в запросе встречается слово tailwind.
CX Codex +1
942установок
senior-frontend скилл Скилл помогает создавать React-компоненты, запускать проекты Next.js и проверять размер бандла. Пригодится при разработке интерфейса, аудите кода и настройке доступности.
1 630установок
generate скилл Скилл generate пишет тесты Playwright по пользовательской истории, URL, имени компонента или описанию фичи. Пригодится, когда надо быстро закрыть e2e-сценарий, а не писать его руками.
1 624установок
bklit-ui скилл Скилл подключает графики Bklit UI в React и Next.js: ставит компоненты из реестра @bklit и показывает, как собрать серию с осями и тултипом.
CX Codex +1
1 200установок
high-perf-browser скилл Скилл для Claude Code, который ищет причины медленной загрузки в сети и протоколах: рукопожатия, HTTP/2 и HTTP/3, блокирующие ресурсы, критический путь рендеринга.
CX Codex +1
5 300установок
maui-theming скилл Скилл подсказывает агенту, как добавить светлую и тёмную тему в .NET MAUI: AppThemeBinding, подмена ResourceDictionary, реакция на смену системной темы.
CX Codex +1
3 200установок
maui-data-binding скилл Скилл учит ИИ-агента связывать контролы XAML со свойствами ViewModel в .NET MAUI: компилируемые биндинги, уведомления об изменениях, конвертеры.
CX Codex +1
3 200установок
maui-dependency-injection скилл Скилл обучает ассистента правилам внедрения зависимостей в .NET MAUI. Он подсказывает времена жизни сервисов в MauiProgram.cs и настраивает инъекцию в страницы и ViewModel.
CX Codex +1
3 200установок
antd скилл Помогает агенту работать с Ant Design: сверять API компонентов, искать ошибки и готовить миграцию между версиями.
CX Codex +1
6 100установок
build-awwwards-quality-sites скилл Задаёт правила арт-дирекшна и вёрстки интерактивных сайтов уровня Awwwards. Помогает внедрить анимации на GSAP, плавный скролл и WebGL-шейдеры без шаблонов.
CX Codex +1
3 100установок
webgpu-threejs-tsl скилл Помогает писать Three.js-приложения с WebGPU, TSL-материалами, вычислительными шейдерами и постобработкой.
CX Codex +1
1 600установок
react-start скилл Правила и шаблоны для проектов на TanStack Start с React. Помогает агенту писать изоморфный код, настраивать Vite и связывать серверные функции с UI.
CX Codex +1
454установок
web-haptics скилл Настраивает тактильный отклик в мобильных веб-интерфейсах через библиотеку web-haptics и Web Vibration API по правилам Apple HIG.
CX Codex +1
812установок
web-prototype скилл Собирает один самодостаточный HTML-прототип из seed-шаблона и восьми скелетов секций. Годится для лендинга, страницы тарифов или индекса документации.
CX Codex +1
300установок
create-verification-skill скилл Скилл исследует проект и создаёт локальный рецепт проверки verify-<app> на базе e2e. Он учит агентов запускать приложение, проходить пользовательские сценарии и сохранять артефакты.
CX Codex +1
388установок
improve-threejs скилл Проверяет приложения Three.js и React Three Fiber на проблемы кадрового цикла, памяти GPU и рендеринга. Нужен при аудите сцены или поиске видимых дефектов.
CX Codex +1
316установок
testing-for-xss-vulnerabilities скилл Проверяет веб-приложение на отражённый, сохранённый и DOM XSS. Нужен для аудита обработки пользовательского ввода и политик CSP.
CX Codex +1
647установок
configure-auth скилл Настраивает аутентификацию и авторизацию в Blazor Web App с учётом режимов рендеринга. Помогает подружить интерактивные компоненты с ASP.NET Core Identity.
CX Codex +1
3 100установок
maui-safe-area скилл Помогает настроить безопасные зоны и отображение edge-to-edge в приложениях на .NET 10+. Пригодится, если контент перекрывает системные панели или экранную клавиатуру.
CX Codex +1
3 200установок
maui-collectionview скилл Скилл-справочник по CollectionView в .NET MAUI: шаблоны элементов, сетки, группировка, подгрузка при прокрутке и свайп-действия. Пригодится, когда агент пишет XAML для списков.
CX Codex +1
3 200установок
start-core скилл Скилл объясняет базовую структуру TanStack Start: Vite-плагин, роутер, корневой маршрут и серверные функции. Нужен при создании или проверке Start-проекта.
CX Codex +1
447установок
modern-css скилл Даёт агенту справочник по современному CSS для новых стилей, обновления старых правил и работы с новыми возможностями браузера.
CX Codex +1
544установок
roblox-ui скилл Скилл для сборки интерфейсов Roblox: жизненный цикл ScreenGui, адаптивные UDim2-раскладки, ввод с геймпада и тача. Пригодится, когда UI обрезается или сбрасывается после респавна.
CX Codex +1
4 000установок
use-js-interop скилл Скилл настраивает и проверяет JavaScript interop в компонентах Blazor. Он помогает связывать .NET с кодом JS, управлять жизненным циклом ссылок и избегать лишних вызовов через сеть.
CX Codex +1
3 000установок
601–640 из 2 909
