NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
flutter-duit-bdui скилл Помогает внедрять, проверять и отлаживать backend-driven UI на базе flutter_duit во Flutter-проектах с учётом версии пакета.
CX Codex +1
343установок
nextjs-server-navigation скилл Учит ИИ-агента настраивать навигацию в серверных компонентах Next.js через <Link> и redirect() без необоснованного добавления директивы 'use client'.
CX Codex +1
303установок
frontend-design скилл Скилл задаёт агенту конкретную дизайнерскую оптику: типографика, палитра, тактильные состояния. Пригодится, когда UI собирают с нуля или переделывают чужой.
CX Codex +1
1 700установок
bun-sveltekit скилл Подсказывает агенту, как собирать и запускать SvelteKit на Bun: SSR, адаптер, bun:sqlite и работа с файлами.
CX Codex +1
499установок
nextjs-dynamic-routes-params скилл Скилл подсказывает агенту, как строить динамические сегменты App Router и читать params в Next.js 15+. Пригодится, когда страницы зависят от ID или слага из URL.
CX Codex +1
303установок
design-system-generator скилл Собирает дизайн-систему из токенов, базовых компонентов и документации. Пригодится, когда проект обзавёлся вторым экраном и цвета начали расползаться.
CX Codex +1
300установок
rspress-custom-theme скилл Скилл подсказывает агенту, как менять тему Rspress v2: от CSS-переменных до замены встроенных компонентов.
CX Codex +1
408установок
designing-beautiful-websites скилл Скилл для проектирования и правки интерфейсов сайтов и веб-приложений: структура, адаптив, визуальный язык и состояния элементов.
CX Codex +1
2 800установок
progressive-web-app скилл Скилл для сборки устанавливаемых веб-приложений: манифест, service worker, офлайн-режим и запрос на установку.
CX Codex +1
500установок
react-testing-library скилл Скилл с 43 правилами для тестов на React Testing Library. Помогает агенту писать и ревьюить тесты, которые проверяют поведение, а не внутренности компонента.
CX Codex +1
402установок
tanstack-table скилл Настраивает таблицы TanStack Table v8 с пагинацией и сортировкой на сервере. Пригодится при интеграции React с Cloudflare Workers и базой D1.
CX Codex +1
494установок
webmcp скилл Помогает настроить клиентский WebMCP в веб-приложениях на JavaScript и TypeScript. Пригодится для подключения инструментов к агенту прямо в браузере.
CX Codex +1
514установок
konsta-ui скилл Скилл помогает агенту собирать интерфейс Capacitor-приложения на Konsta UI v5 с Tailwind CSS v4 и разбираться, почему компоненты остались без стилей.
CX Codex +1
836установок
react-optimise скилл Скилл для оптимизации React-приложений: React Compiler, размер бандла, рендеринг, загрузка данных, Core Web Vitals. Пригодится, когда приложение тормозит или бандл разросся.
CX Codex +1
396установок
ui-design-aesthetics скилл Скилл задаёт агенту правила типографики, цвета и анимации, чтобы интерфейсы не выглядели как типовые поделки ИИ. Пригодится при проектировании новых экранов и переделке существующих.
CX Codex +1
357установок
efecto-web-design скилл Скилл собирает веб-страницы и интерфейсы в Efecto через JSX, Tailwind CSS и MCP-инструменты. Нужен для лендингов, дашбордов и других UI-задач.
CX Codex +1
691установок
cmux-sidebar-builder скилл Скилл помогает писать и править кастомные сайдбары cmux на SwiftUI-подобном языке, который cmux разбирает на ходу.
CX Codex +1
636установок
image-seo скилл Проверяет alt-тексты, размеры, ленивую загрузку и приоритеты картинок на страницах AEM Edge Delivery Services и выдаёт отчёт с правками.
CX Codex +1
316установок
sitemap-audit скилл Скилл сверяет sitemap.xml проекта на AEM Edge Delivery Services с реальным индексом страниц, выявляя битые ссылки, утечки черновиков и расхождения дат.
CX Codex +1
316установок
ios-ux-design скилл Скилл, который подключает к ИИ-агенту экспертизу по Human Interface Guidelines и SwiftUI: аудит экранов, разбор паттернов, спецификации на доработку.
CX Codex +1
543установок
md-slides скилл Преобразует Markdown-колоду в однофайловую HTML-презентацию с навигацией, заметками докладчика и печатью в PDF. Нужен для слайдов, написанных в Markdown.
15установок
product-page-seo скилл Проверяет, видят ли поисковики карточки товаров на AEM Edge Delivery Services, и подсказывает, что починить.
CX Codex +1
314установок
figma-ui-skills скилл Задаёт агенту дизайн-систему интерфейсов Figma: светлую тему, шрифт Inter и сетку 4px. Исключает произвольные отступы и тяжёлые анимации макета.
CX Codex +1
346установок
react-composition-patterns скилл Набор архитектурных правил React для ИИ-агента. Помогает избавиться от десятков булевых пропсов, выстроить составные компоненты и изолировать состояние в провайдерах.
CX Codex +1
481установок
design-system-creation скилл Скилл помогает агенту собрать дизайн-систему: токены, типографику, компоненты и документацию к ним. Пригодится, когда стандарты интерфейса нужно зафиксировать до начала вёрстки.
CX Codex +1
481установок
elements скилл Помогает добавлять и настраивать компоненты assistant-ui в проект. Подходит для сборки готовых интерфейсов чатов, карточек рассуждений и планов агентов.
CX Codex +1
1 100установок
shadcn-component-boundaries скилл Задаёт правила размещения UI-компонентов в проектах с shadcn. Изолирует примитивы реестра от продуктового кода и следит за односторонними импортами.
CX Codex +1
2 900установок
project-architecture скилл Скилл удерживает серверный рендеринг в Next.js и Astro. Ассистент проверяет границы компонентов и не выносит лишний код на клиент.
CX Codex +1
2 900установок
vercel-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Vercel: светлый фон, Inter, сетка 4px. Пригодится, когда нужен предсказуемый результат без вкусовщины.
CX Codex +1
342установок
shadcn-inertia скилл Адаптирует компоненты shadcn/ui для связки Inertia.js, Ruby on Rails и React вместо Next.js. Помогает переписать формы и диалоги без react-hook-form.
CX Codex +1
432установок
headless-caching-strategy скилл Задаёт правила кэширования для headless-витрин на VTEX. Помогает настроить CDN, BFF и стратегию stale-while-revalidate без утечки личных данных.
CX Codex +1
1 100установок
headless-intelligent-search скилл Скилл помогает подключить поиск VTEX Intelligent Search к headless-магазину: от подсказок и фильтров до событий аналитики. Пригодится при разработке собственной витрины.
CX Codex +1
1 100установок
faststore-storefront скилл Задаёт правила разработки витрин VTEX FastStore: создание компонентов на React 18, оверрайды секций, синхронизацию CMS-схем и стилизацию на SCSS без нарушения изоляции.
CX Codex +1
1 100установок
vtex-io-messages-and-i18n скилл Помогает вынести пользовательские строки в messages-инфраструктуру VTEX IO вместо хардкода в JSX и резолверах.
CX Codex +1
1 100установок
vtex-io-render-runtime-and-blocks скилл Скилл учит агента подключать React-компоненты к Store Framework как блоки в VTEX IO: записи в store/interfaces.json, композиция и связь с темой.
CX Codex +1
1 100установок
vtex-io-admin-react скилл Задаёт правила сборки панелей управления в VTEX IO на React: учит агента использовать официальные дизайн-системы, обрабатывать состояния загрузки и строить навигацию.
CX Codex +1
1 100установок
revenuecat-customer-center скилл Добавляет в приложение готовый экран Customer Center из RevenueCat: подписчик сам отменяет подписку, запрашивает возврат и восстанавливает покупки.
CX Codex +1
715установок
image-to-code
официальный скилл Переносит макеты, скриншоты и концепт-арты в интерактивный веб-интерфейс. Помогает воссоздать точный адаптивный фронтенд без ручной нарезки картинок.
CX Codex GP ChatGPT
14установок
design-with-taste скилл Скилл задаёт агенту правила дизайна: постепенное раскрытие интерфейса, плавные переходы и акценты. Пригодится, когда нужно, чтобы вёрстка не выглядела шаблонной.
CX Codex +1
758установок
inertia-rails-setup скилл Скилл анализирует стек Inertia Rails в проекте, подбирает недостающие библиотеки и генерирует блок конфигурации в CLAUDE.md. Помогает при первом старте или смене инструментов.
CX Codex +1
419установок
2 201–2 240 из 2 909
