NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
graphql скилл Справочный скилл по GraphQL для ИИ-агентов: помогает проектировать схемы SDL, писать резолверы и настраивать клиентские запросы.
CX Codex +1
331установок
docs-lookup скилл Ищет ответы в официальной документации Astro с учётом версий фреймворка, адаптеров и коллекций контента.
CX Codex +1
418установок
flexlayout-react скилл Скилл для ИИ-агента, который помогает собирать докинг-интерфейсы на flexlayout-react: перетаскиваемые панели, вкладки, разделители и сохранение раскладки.
CX Codex +1
328установок
cpq-builder скилл Превращает DOMAIN.md в интерфейс калькулятора, расчёта смет или CPQ для Customware SPA. Заменяет запутанные таблицы Excel и согласования по почте.
CX Codex +1
1 200установок
content-collection скилл Скилл помогает создавать и менять коллекции контента Astro с типизированными схемами и запросами. Пригодится для блогов, документации и других структурированных данных.
CX Codex +1
410установок
astrale-cli скилл Скилл объясняет работу с Astrale CLI: графом, Kernel, доменами, идентичностями и локальными UI-проектами. Нужен для задач вокруг Astrale.
CX Codex +1
1 800установок
sasjs-adapter скилл Помогает настраивать вызовы сервисов SAS из Node.js и браузера через @sasjs/adapter. Пригодится при подготовке табличных данных и обработке ответов SAS9 или SAS Viya.
CX Codex +1
1 000установок
validated-handler скилл Внедряет шаблон обёртки API-роутов в Next.js App Router с автоматической проверкой через Zod. Избавляет от ручного разбора параметров и дублирования проверок.
CX Codex +1
322установок
react-grab скилл Скилл учит агента забирать контекст выбранного React-элемента из живого браузера: имя компонента, файл, строку и HTML. Пригодится, когда правку нужно делать по реальному DOM, а не по догадкам.
CX Codex +1
344установок
nextjs-best-practices скилл Набор правил по Next.js App Router для агента. Помогает разделить серверные и клиентские компоненты, настроить кэширование и собрать структуру маршрутов.
1 785установок
add-integration скилл Скилл добавляет и настраивает интеграции Astro, адаптеры и UI-фреймворки. Нужен, когда проекту требуются React, Tailwind, MDX или серверный адаптер.
CX Codex +1
399установок
car-sales-data-engineering-analytics скилл Скилл очищает данные об автопродажах, запускает статистический анализ и строит интерактивный дашборд Streamlit. Нужен для изучения цен, регионов и характеристик.
CX Codex +1
1 200установок
brand-motion-guidelines скилл Собирает документ о том, как движется бренд или продукт: принципы, токены длительности и кривых, библиотека анимаций, правила для логотипа. Пригодится, когда анимация в команде делается кто во что горазд.
CX Codex +1
572установок
trades-builder скилл Скилл настраивает генерацию SPA-интерфейса под строительные работы на основе DOMAIN.md. Превращает сметы и графики бригад в готовый веб-инструмент Customware.
CX Codex +1
1 100установок
cloudinary-next скилл Помогает агенту писать, чинить и проверять код Next.js с Cloudinary: картинки, видео, загрузки, OG-карточки. Полезен, когда надо разобраться с границей сервер/клиент и подписями загрузок.
CX Codex +1
307установок
next-upgrade
официальный скилл Проводит проект через мажорные обновления Next.js: читает текущую версию, тянет официальные гайды и запускает кодмоды.
CX Codex GP ChatGPT
3установок
remotion-studio
официальный скилл Запускает Remotion Studio и даёт агенту URL для предпросмотра видео в браузере. Нужен при проверке результата рендера.
CX Codex GP ChatGPT
3установок
remotion-saas
официальный скилл Помогает собрать приложение с видео на Remotion: от простой формы с рендером до редактора. Пригодится, если делаете SaaS с генерацией видео.
CX Codex GP ChatGPT
3установок
remotion-multimedia
официальный скилл Скилл помогает агенту работать с Mediabunny в браузере: получать длительность аудио и видео, а также размеры видео.
CX Codex GP ChatGPT
3установок
remotion-maps
официальный скилл Подбирает техники для анимации карт в Remotion под конкретный кадр: от статичных подложек до 3D-пролётов в CesiumJS.
CX Codex GP ChatGPT
3установок
remotion-create
официальный скилл Разворачивает видеопроекты на Remotion в Codex, настраивает композиции на React и запускает локальный просмотр через встроенный браузер.
CX Codex GP ChatGPT
3установок
gsap
официальный скилл Справочник по GSAP для агента: твины, таймлайны, easing и производительность. Пригодится, когда пишете анимацию в композициях HyperFrames.
CX Codex GP ChatGPT
3установок
migrate скилл Планирует и выполняет переезд проекта на Astro или обновление версии Astro. Полезен, когда старый фреймворк надо разобрать по частям, а не переписать вслепую.
CX Codex +1
363установок
safe-action-validation-errors скилл Скилл учит ИИ-агента обрабатывать ошибки валидации в next-safe-action. Пригодится при настройке серверных экшенов с Zod и выводе сообщений в формах.
CX Codex +1
1 200установок
safe-action-hooks скилл Скилл подсказывает агенту, какой хук next-safe-action взять для формы или оптимистичного UI и как связать его с серверным действием.
CX Codex +1
1 200установок
safe-action-client скилл Помогает агенту объявлять и настраивать серверные действия next-safe-action с валидацией через Zod или Valibot. Пригодится при типизации Server Actions в Next.js.
CX Codex +1
1 200установок
safe-action-forms скилл Скилл помогает подключать next-safe-action к React-формам, включая React Hook Form, нативные формы и загрузку файлов.
CX Codex +1
1 200установок
next-intl-app-router скилл Настраивает next-intl с локалью в пути: конфиг, прокси, навигация и файлы сообщений. Пригодится, когда в проект добавляют второй язык.
CX Codex +1
601установок
21st-dev-builder-v2 скилл Скилл ведёт агента по реестру 21st.dev: находит компоненты, отбирает подходящие и собирает из них страницы и приложения на React и Tailwind.
CX Codex +1
468установок
yjs-best-practices скилл Скилл подсказывает агенту, как не сломать синхронизацию Yjs: дубли импортов, поддокументы, YKeyValue и V2-кодирование.
CX Codex +1
303установок
add-icon скилл Подбирает и вставляет иконки Font Awesome в проект с учётом установленного фреймворка и способа подключения.
CX Codex +1
569установок
safe-action-testing скилл Подсказывает агенту, как писать тесты для экшенов и хуков next-safe-action на Vitest: валидация, middleware, серверные ошибки.
CX Codex +1
1 100установок
suggest-icon скилл Подбирает иконку Font Awesome под ситуацию, слово или понятие и проверяет, что она есть в вашей версии или Kit.
CX Codex +1
551установок
setup-fa скилл Настраивает Font Awesome в проекте с нуля: определяет фреймворк, подбирает Kit или npm-пакеты и создаёт файл конфигурации .font-awesome.md.
CX Codex +1
503установок
fa-help скилл Отвечает на вопросы о Font Awesome по официальной документации, а не по памяти модели. Полезен при настройке, стилизации и апгрейде иконок.
CX Codex +1
498установок
screenshot скилл Скилл рендерит локальные сайты и HTML в Chromium, а затем сохраняет полноэкранные снимки для desktop и mobile. Пригодится для проверки интерфейса.
CX Codex +1
337установок
microfrontends
официальный скилл Разбивает большое приложение на независимо деплоящиеся части, которые для пользователя выглядят одним сайтом. Полезен, когда фронтенд делят между командами.
CX Codex GP ChatGPT
2установок
shopify-pos-ui
официальный скилл Скилл помогает писать интерфейсы для Shopify POS на Preact и разворачивать расширения через консоль. Пригодится при разработке экранов кассы и карточек клиентов.
CX Codex GP ChatGPT
2установок
hyperframes-registry
официальный скилл Скилл помогает устанавливать блоки и компоненты из реестра HyperFrames и встраивать их в HTML-композиции.
CX Codex GP ChatGPT
2установок
hyperframes-cli
официальный скилл Скилл управляет созданием видеопроектов HyperFrames: от шаблона и проверки HTML-композиций до предпросмотра, рендера, транскрибации и TTS.
CX Codex GP ChatGPT
2установок
2 721–2 760 из 2 909
