NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
ai-sdk
официальный скилл Скилл настраивает работу агента с Vercel AI SDK. Он помогает писать код для чатов, генерации текста, вызова инструментов и сборки агентов без устаревших методов.
CX Codex GP ChatGPT
22установок
tanstack-query скилл Скилл содержит 41 правило оптимизации TanStack Query v5. Помогает настраивать кеширование, писать мутации без гонок данных и устранять каскадные запросы.
CX Codex +1
457установок
tanstack-ranger скилл Безголовые утилиты для доступных слайдеров с одним или несколькими бегунками. Помогает агенту собирать кастомные шкалы без привязки к чужому CSS.
CX Codex +1
1 300установок
react-flow-advanced скилл Скилл учит агента внедрять сложные паттерны в React Flow: группировку узлов, историю отмены действий, автоматическую раскладку через dagre и перетаскивание элементов.
CX Codex +1
631установок
vue-typescript скилл Набор правил для генерации кода на Vue 3 и TypeScript с Vite, Pinia и Tailwind. Задаёт строгие соглашения по синтаксису и оптимизации загрузки.
CX Codex +1
782установок
roblox-gui скилл Помогает верстать и анимировать интерфейсы в Roblox: от экранных меню до вывесок в 3D-мире.
CX Codex +1
1 200установок
expo-react-native-javascript-best-practices скилл Набор правил для разработки мобильных приложений на Expo и React Native с чистым JavaScript. Помогает агенту писать функциональные компоненты, настраивать Expo Router и ускорять рендеринг.
CX Codex +1
777установок
progressive-web-app скилл Помогает собрать прогрессивное веб-приложение: манифест, service worker, работа без сети и установка на телефон.
CX Codex +1
522установок
capacitor-performance скилл Скилл находит и устраняет просадки скорости в приложениях на Capacitor: долгий старт, белые экраны при выходе из фона и зависания нативного моста.
CX Codex +1
1 200установок
apple-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Apple: светлый фон, шрифт Inter, сетка 4px. Пригодится, когда нужен предсказуемый вид интерфейса без ручных правок.
CX Codex +1
509установок
frontend-tailwind-best-practices скилл Набор правил Tailwind CSS для фронтенда: стеки, отступы через gap, тёмная тема и слияние классов. Пригодится, когда агент пишет стили компонентов и ломает вёрстку.
CX Codex +1
464установок
gsap скилл Задаёт агенту правила анимаций на GSAP: трансформы вместо left/top, stagger, таймлайны, ScrollTrigger. Пригодится, когда интерфейс дёргается на слабом железе.
CX Codex +1
769установок
pwa-development скилл Набор правил по разработке PWA: создание веб-манифеста, сервисных воркеров, стратегий кэширования и работы без сети.
CX Codex +1
768установок
creating-reanimated-animations скилл Генерирует код анимаций на React Native Reanimated версий 3 и 4. Помогает настраивать жесты, скролл-эффекты, переходы макетов и физику пружин.
CX Codex +1
857установок
styled-components-best-practices скилл Задаёт правила архитектуры CSS-in-JS в React: изоляцию стилей, структуру файлов, типизацию темы в TypeScript и работу с ThemeProvider. Пригодится при вёрстке дизайн-систем.
CX Codex +1
762установок
sveltekit-remote-functions скилл Подсказывает агенту, как писать query(), form(), command() и prerender() в файлах *.remote.ts. Пригодится, если вы уже включили экспериментальные remote-функции в SvelteKit.
CX Codex +1
423установок
figma-designer скилл Разбирает макет Figma на токены, спецификации компонентов и состояния взаимодействия, чтобы передать их в планирование или разработку.
CX Codex +1
807установок
frontend-testing скилл Помогает настроить тесты интерфейса на базе Jest, Vitest, React Testing Library и Cypress. Пригодится при написании компонентных проверок и сквозных тестов.
CX Codex +1
508установок
admin-dashboard скилл Помогает расширять админ-панель, портал разработчика и консоль операций: новые вкладки, метрики, мониторинг, управление пользователями.
CX Codex +1
323установок
msw-ui-kit скилл Скилл подбирает готовые RUID-палитры и виджеты из официальных MSWPackages, чтобы интерфейс игры выглядел цельно. Пригодится, когда нужен экран или элемент в едином стиле.
CX Codex +1
1 200установок
svelte скилл Инструкция для ИИ-агентов по разработке на Svelte 5 и SvelteKit с рунами, сниппетами, SSR и правилами миграции со Svelte 4.
CX Codex +1
753установок
mapbox-flutter-patterns скилл Скилл с готовыми паттернами интеграции Mapbox Maps SDK для Flutter. Помогает настроить карту на iOS и Android, добавить маркеры, управлять камерой и загружать GeoJSON.
CX Codex +1
787установок
search скилл Настраивает поисковые запросы к базе интерфейсов Mobbin. Помогает агенту точнее подбирать экраны, лендинги и пользовательские сценарии.
CX Codex +1
342установок
interaction-design скилл Скилл для проектирования взаимодействий: анимации, состояния загрузки и ошибок, отклик на нажатия. Пригодится, когда интерфейс работает, но ощущается сухим.
CX Codex +1
505установок
expo скилл Набор правил для Expo и React Native, помогающий агенту оптимизировать запуск приложения, размер бандла, рендеринг списков и расход памяти.
CX Codex +1
553установок
responsive-web-design скилл Скилл обучает агента адаптивной вёрстке сайтов по принципу mobile-first. Помогает собирать гибкие сетки на CSS Grid и настраивать поведение компонентов.
CX Codex +1
684установок
react-native-app скилл Скилл ведёт агента по сборке кроссплатформенных мобильных приложений на React Native: навигация, состояние, запросы к API.
CX Codex +1
503установок
electron-best-practices скилл Скилл ведёт ИИ-агента по разработке Electron-приложений на React: безопасность, типизированный IPC, сборка и подпись. Пригодится, когда агент пишет код main, preload или renderer.
CX Codex +1
820установок
nodejs-development скилл Набор инструкций для разработки на Node.js и TypeScript. Помогает агенту писать коллекции Payload CMS, компоненты Vue 3 и валидацию на Zod.
CX Codex +1
742установок
upgrade-browser-sdk-v7 скилл Ведёт проект с Datadog Browser SDK с версии 6 на 7: находит устаревшие опции, меняет CDN-ссылки и API. Пригодится, когда после обновления сыпятся ошибки конфигурации.
CX Codex +1
459установок
form-validation скилл Помогает настроить валидацию форм в React и Vue с проверкой типов в TypeScript. Пригодится для пошаговых форм и мгновенного показа ошибок.
CX Codex +1
497установок
anime-js скилл Скилл задаёт агенту правила работы с Anime.js: таймлайны, stagger, SVG-морфинг и производительность. Пригодится, когда анимации в проекте пишет ИИ.
CX Codex +1
736установок
reactive-programming скилл Скилл для работы с реактивными потоками: RxJS, observables, обработка backpressure. Пригодится, когда в проекте много асинхронных данных и событий.
CX Codex +1
491установок
agent-browser
официальный скилл Управляет браузером через CLI, делает снимки страниц, кликает по элементам и проверяет запущенные dev-серверы. Помогает агенту тестировать веб-интерфейсы.
CX Codex GP ChatGPT
20установок
pnpm скилл Скилл задаёт правила работы с pnpm, монорепозиториями и изоляцией зависимостей в проектах для Claude Code.
CX Codex +1
721установок
tanstack-query скилл Скилл задаёт агенту правила работы с серверным состоянием в React: ключи запросов, queryOptions, мутации и переход с v4 на v5.
CX Codex +1
724установок
sveltekit скилл Скилл задаёт правила разработки на SvelteKit с TypeScript и Tailwind CSS. Помогает писать серверные функции загрузки, формы и статические страницы.
CX Codex +1
720установок
solidity скилл Скилл для написания и ревью Solidity-контрактов: паттерны защиты от reentrancy, оптимизация gas, тесты и связка с React-фронтендом.
CX Codex +1
721установок
rspress-best-practices скилл Скилл задаёт агенту правила для сайтов на Rspress v2: конфигурация, навигация, MDX, ассеты, поиск и деплой. Пригодится, когда документация уже есть, а агент пишет по ней код.
CX Codex +1
538установок
figma-integration скилл Направляет ИИ-агента при переносе макетов из Figma в код: от разбора токенов и стилей до настройки MCP-серверов. Помогает сохранить сетку, типографику и состояния компонентов.
CX Codex +1
718установок
2 041–2 080 из 2 909
