NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
countdown-video скилл Скилл для сборки видео с обратным отсчётом: таймер, цифровые перекаты, формат mm:ss или dd:hh:mm:ss. Пригодится для экранов «скоро начнём» и отсчётов до запуска.
CX Codex +1
1 700установок
capacitor-deep-linking скилл Настраивает и отлаживает диплинки, универсальные ссылки iOS и проверенные ссылки Android в проектах на Capacitor. Помогает, когда ссылки уходят в браузер.
CX Codex +1
1 300установок
safe-area-handling скилл Чинит вёрстку в Capacitor-приложениях: контент под вырезом, Dynamic Island, домашним индикатором и панелью жестов Android.
CX Codex +1
1 300установок
debugging-capacitor скилл Помогает находить и устранять сбои времени выполнения в приложениях на базе Capacitor для iOS и Android: от белого экрана при запуске до ошибок плагинов и блокировок сети.
CX Codex +1
1 300установок
angular-best-practices скилл Держит агента в рамках Angular 21: сигналы, standalone-компоненты, реактивные формы. Пригодится, когда агент тянет в проект устаревший синтаксис.
CX Codex +1
756установок
nuxtjs-vue-typescript скилл Набор правил для разработки приложений на Nuxt 3 и Vue 3 с TypeScript и Tailwind CSS. Задаёт архитектуру компонентов, типизацию и шаблоны выборки данных.
CX Codex +1
834установок
extract скилл Обходит страницы рабочего сайта и сохраняет дизайн-систему, типографику, палитру и структуру в каталог stardust/current/.
CX Codex +1
496установок
bundle-size-optimization скилл Помогает уменьшить размер JS и CSS бандлов через разделение кода и tree shaking. Пригодится при настройке сборки или после добавления тяжёлых зависимостей.
CX Codex +1
561установок
relational-database-web-cloudbase скилл Показывает, как инициализировать @cloudbase/js-sdk в браузере и получить общий клиент реляционной базы CloudBase для запросов в стиле Supabase.
CX Codex +1
899установок
responsive-design скилл Скилл задаёт агенту правила адаптивной вёрстки: mobile-first, гибкие сетки, медиазапросы, адаптивные картинки и типографика.
CX Codex +1
830установок
sveltekit-svelte5-tailwind-skill скилл Скилл для сборки сайтов на SvelteKit 2, Svelte 5 и Tailwind CSS v4. Пригодится, когда агент путается в рунах и конфигурации Vite.
CX Codex +1
561установок
ghost скилл Помогает агенту писать темы для Ghost CMS: Handlebars-шаблоны, partials, интеграция Tailwind CSS и Alpine.js, оптимизация картинок и SEO.
CX Codex +1
828установок
ionic-angular скилл Скилл для ИИ-агента, который ведёт по Angular-паттернам в Ionic: навигация, ленивая загрузка, формы, хуки жизненного цикла страниц.
CX Codex +1
1 500установок
e2e-playwright-testing скилл Скилл для написания и разбора E2E-тестов на Playwright: локаторы, авторизация, формы, ассерты и конфиг для CI.
CX Codex +1
803установок
direct скилл Формирует спецификацию редизайна сайта на основе пожеланий пользователя. Фиксирует палитру, типографику и архитектуру в PRODUCT.md и DESIGN.md.
CX Codex +1
488установок
vite скилл Даёт агенту шаблоны конфигурации Vite: HMR, алиасы путей, сборку бандлов, интеграцию React, Vue и Vitest.
CX Codex +1
820установок
neo4j-nvl-skill скилл Помогает встроить интерактивный граф Neo4j в веб-приложение через Canvas или WebGL2 и настроить жесты взаимодействия.
CX Codex +1
716установок
21st-ui-review скилл Проверяет существующий UI на доступность, адаптивность и расхождения с дизайн-системой проекта. Пригодится перед релизом страницы или после чужого пул-реквеста.
CX Codex +1
1 300установок
21st-ui-explore скилл Скилл предлагает несколько разных направлений интерфейса, опираясь на дизайн-систему проекта и подборку референсов из 21st. Пригодится, когда неясно, как должна выглядеть новая страница.
CX Codex +1
1 400установок
prepare-migration скилл Координирует подготовку сайта к миграции с редизайном: собирает инвентарь страниц, проверяет типы модулей и формирует дизайн-канон перед переносом.
CX Codex +1
487установок
blazor-expert скилл Инструкции для Claude Code по созданию приложений на Blazor Server, WebAssembly и Hybrid. Помогает настраивать рендеринг, валидацию форм и авторизацию на C#.
CX Codex +1
688установок
angular скилл Скилл настраивает ИИ-помощника на стандарты Angular и TypeScript: генерацию standalone-компонентов, реактивность на сигналах и отказ от типа any.
CX Codex +1
816установок
motion скилл Задаёт агенту правила работы с библиотекой Motion в чистом JavaScript и TypeScript. Помогает писать быстрые веб-анимации на GPU без просадок кадров.
CX Codex +1
812установок
web-development скилл Скилл с правилами веб-разработки: сетка Bootstrap, вьюхи и модели Django, атрибуты HTMX. Пригодится, когда агент пишет шаблоны и бэкенд в одном проекте.
CX Codex +1
815установок
Web Design Builder скилл Собирает HTML5-макеты и лендинги по описанию, а потом сам проверяет доступность и работу интерфейса через Playwright MCP.
CX Codex +1
416установок
state-management скилл Скилл с готовыми паттернами TanStack Query v5 и Zustand v5: запросы, кеш, мутации, оптимистичные обновления и клиентские сторы.
CX Codex +1
790установок
web-motion-design скилл Скилл, который подсказывает агенту, как делать CSS-анимации, JS-переходы и движение в React и Vue по 12 принципам анимации.
CX Codex +1
1 300установок
real-time-features скилл Скилл помогает внедрять веб-сокеты, Server-Sent Events и long polling в веб-приложения. Пригодится при сборке чатов, живых панелей мониторинга и совместного редактирования.
CX Codex +1
543установок
web-performance-audit скилл Скилл разбирает скорость загрузки страниц, находит узкие места и подсказывает, что чинить. Пригодится после крупных правок или жалоб на медленную загрузку.
CX Codex +1
543установок
instantdb скилл Скилл ведёт агента при сборке приложений на InstantDB: схема, права доступа, запросы, хранилище файлов. Пригодится, когда нужен бэкенд без своего сервера.
CX Codex +1
1 400установок
wechat-miniprogram-skill скилл Задаёт агенту правила разработки нативных мини-программ WeChat на JavaScript: производительность, размер кода, совместимость с платформой.
CX Codex +1
1 400установок
webpack-bundler скилл Скилл задаёт агенту правила работы с конфигами Webpack: разбиение бандла, tree shaking, лоадеры и плагины. Пригодится, когда сборка распухла или собирается слишком долго.
CX Codex +1
802установок
browser-debugging скилл Скилл для разбора клиентских багов: ошибки JavaScript, проблемы вёрстки, просадки производительности. Пригодится, когда страница ведёт себя странно, а причина не видна.
CX Codex +1
540установок
filament-pro скилл Скилл для сборки админ-панелей Laravel на Filament v5: ресурсы, формы, таблицы, виджеты и тесты на Livewire v4.
CX Codex +1
1 200установок
three-js скилл Задаёт правила разработки на Three.js и React Three Fiber: код на TypeScript, очистка ресурсов и оптимизация рендера.
CX Codex +1
798установок
design-system-creation скилл Скилл помогает собрать дизайн-систему: компоненты, токены, правила и документацию. Пригодится, когда интерфейсов или команд стало больше одной.
CX Codex +1
537установок
blazor скилл Скилл задаёт агенту правила разработки на Blazor: жизненный цикл компонентов, привязка данных, управление состоянием и оптимизация рендеринга.
CX Codex +1
798установок
distinctive-frontend скилл Генерирует интерфейсы без дефолтной «нейросетевой» эстетики: предлагает готовую типографику, анимации появления и стили Cyberpunk, Brutalist, Vaporwave или Nordic Minimalism.
CX Codex +1
588установок
ionic скилл Задаёт агенту правила разработки на Ionic: структура проекта, компоненты, стили, ленивая загрузка и работа с Firebase.
CX Codex +1
797установок
graphic-design скилл Скилл с принципами графического дизайна для цифровых и печатных макетов: цвет, типографика, сетки, форматы файлов. Пригодится, когда агент верстает интерфейс или готовит макет к печати.
CX Codex +1
492установок
2 001–2 040 из 2 909
