NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
optimized-nextjs-typescript скилл Задаёт правила разработки на Next.js и TypeScript с упором на React Server Components, стилизацию Tailwind CSS и валидацию данных через Zod.
CX Codex +1
1 000установок
vuejs-typescript-best-practices скилл Задаёт агенту свод правил по Vue.js и TypeScript: Composition API, Pinia, VueUse, Tailwind и оптимизация сборки Vite. Пригодится, когда проект на Vue растёт и хочется единый стиль кода.
CX Codex +1
1 000установок
figma-code-connect
официальный скилл Создаёт и обновляет шаблоны Code Connect, связывая компоненты Figma с фрагментами кода. Нужен для задач design-to-code.
CX Codex GP ChatGPT
28установок
motion-designer скилл Скилл для ИИ-агента, который помогает проектировать движение в интерфейсе: тайминги, кривые easing, спецификации для разработчика.
CX Codex +1
1 600установок
remotion-video-toolkit скилл Скилл учит ИИ-агента писать код Remotion: анимации, тайминг, рендер в MP4, субтитры, графики и 3D. Пригодится, когда видео генерируется из данных, а не собирается руками в редакторе.
CX Codex +1
779установок
site-specification скилл Превращает короткое описание проекта или логотип в готовую JSON-спецификацию сайта со структурой блоков, целевой аудиторией и шрифтами Google Fonts.
CX Codex +1
2 100установок
ui-design скилл Задаёт агенту правила вёрстки и интерфейсов: доступность, адаптивность, производительность. Пригодится, когда агент пишет фронтенд и вы хотите предсказуемый результат.
CX Codex +1
981установок
tailwind-best-practices скилл Набор правил по Tailwind CSS v3.4+ и v4 для ИИ-агентов. Помогает писать адаптивную вёрстку и переносить проекты на четвёртую версию фреймворка.
CX Codex +1
954установок
shadcn скилл Скилл с 58 правилами для shadcn/ui: подсказывает агенту, как правильно ставить компоненты, писать формы и не ломать доступность.
CX Codex +1
724установок
internationalization-i18n скилл Скилл задаёт агенту правила интернационализации: переводы, форматирование дат и чисел, RTL-раскладка. Пригодится, когда приложение выходит на новые языки.
CX Codex +1
978установок
audit-speed скилл Разбирает, почему страница тормозит: LCP, CLS, INP, FCP и TTFB с деревом причин и списком правок.
CX Codex +1
2 400установок
chrome-extension-ui скилл Набор правил по интерфейсу расширений Chrome: где ставить popup, где side panel, как сделать доступную навигацию и понятные состояния загрузки.
CX Codex +1
719установок
image-optimization скилл Скилл подсказывает агенту, как сжать изображения и перевести их в современные форматы. Пригодится перед деплоем, когда страница тормозит на мобильных сетях.
CX Codex +1
656установок
guide-swiftui-animations скилл Скилл-руководство по анимациям SwiftUI: неявные и явные анимации, переходы, фазовые и keyframe-анимации, протокол Animatable.
CX Codex +1
347установок
chrome-extension скилл Скилл с 67 правилами по Chrome Extensions на Manifest V3. Пригодится, когда пишете service worker, content script или мигрируете с MV2.
CX Codex +1
717установок
brand-designer скилл Помогает собрать айдентику бренда: логотип, палитру, типографику и гайдлайны. Пригодится, когда нужен фирменный стиль прямо в коде проекта.
CX Codex +1
1 300установок
tanstack-ai скилл Скилл обучает ассистента работать с TanStack AI: настраивать стриминг ответов, вызов функций и валидацию схем в React или Solid.
CX Codex +1
1 600установок
tanstack-db скилл Скилл помогает агенту работать с TanStack DB: коллекциями, живыми запросами и оптимистичными мутациями в клиентском приложении.
CX Codex +1
1 600установок
typography-expert скилл Подбирает шрифтовые пары, настраивает вариативные оси, плавные шкалы и веб-шрифты без заезженных шаблонов вроде Inter и Roboto.
CX Codex +1
413установок
webflow-mcp:site-activity скилл Скилл разбирает журнал действий сайтов Webflow на тарифе Enterprise: группирует правки страниц, CMS и стилей, а также находит их авторов перед публикацией.
CX Codex +1
757установок
zustand-state-management скилл Задаёт правила архитектуры сторов Zustand в React и TypeScript: от нарезки слайсов до SSR и тестов. Помогает избежать лишних ререндеров и ошибок гидратации.
CX Codex +1
959установок
typescript скилл Задаёт правила типизации и структуры кода на TypeScript для ассистента. Помогает писать функции короче 20 строк, заменять enums на maps и избегать any.
CX Codex +1
955установок
hyva-cms-component скилл Ведёт по шагам создания кастомного компонента Hyvä CMS для Magento 2: модуль, поля, шаблон PHTML и setup:upgrade.
CX Codex +1
762установок
svelte-components скилл Подсказывает агенту, как строить компоненты Svelte: headless-библиотеки, веб-компоненты и формы, которые не оборачивают поля ввода.
CX Codex +1
531установок
pixi-js скилл Скилл для ИИ-агента: подсказывает, как писать игры на Pixi.js с TypeScript и оптимизировать их под веб и мобильные устройства.
CX Codex +1
948установок
layout-paradigms-and-consistency скилл Помогает выбрать парадигму макета (лента, канбан, таблица, мастер-деталь) и выдержать единую структуру экранов или продающего лендинга.
CX Codex +1
734установок
react скилл Скилл задаёт агенту стиль React-разработки: хуки, Server Components, Tailwind и TypeScript. Пригодится, когда код пишут несколько человек или агентов.
CX Codex +1
944установок
hyva-cms-custom-field скилл Помогает создавать нестандартные типы полей и обработчики модальных окон для компонентов Hyvä CMS в Magento. Пригодится при настройке редактора контента.
CX Codex +1
752установок
flutter-navigation скилл Скилл для ИИ-агента, который разбирается с навигацией во Flutter: Navigator, go_router, диплинки, редиректы и история браузера.
CX Codex +1
589установок
internationalization-i18n скилл Скилл для перевода интерфейса на другие языки: извлечение строк, каталоги переводов, плюрализация, форматы дат и чисел, RTL.
CX Codex +1
633установок
antdv-next скилл Скилл подкладывает агенту локальную копию документации Antdv Next: API компонентов, демо, токены темы. Пригодится, когда правишь интерфейс на Vue 3 и не хочешь гонять модель по сайту.
CX Codex +1
1 400установок
react-nextjs-patterns скилл Задаёт правила для App Router и серверных компонентов при разработке или проверке кода Next.js. Помогает избежать утечек данных и лишней мемоизации.
CX Codex +1
1 100установок
dd-browser-sdk скилл Помогает настроить Datadog Browser SDK, настроить выгрузку sourcemaps и обновить клиентский код при переходе между версиями v4, v5, v6 и v7.
CX Codex +1
577установок
hyva-cms-components-dump скилл Показывает, какие CMS-компоненты Hyvä доступны в проекте Magento 2, с учётом активных модулей и переопределений.
CX Codex +1
744установок
data-visualization
официальный скилл Скилл направляет задачи по веб-визуализации к подходящему подходу: от выбора графика до карт, диаграмм и экспорта. Пригодится, когда нужно спроектировать или проверить визуализацию данных.
CX Codex GP ChatGPT
26установок
cloud-storage-web скилл Помогает агенту загружать файлы в хранилище CloudBase из браузера, скачивать и удалять их через @cloudbase/js-sdk, выдавать временные ссылки.
CX Codex +1
1 000установок
flutter скилл Задаёт правила разработки на Flutter и Dart: чистую архитектуру по фичам, управление состоянием через Riverpod или BLoC и ограничения на вложенность виджетов.
CX Codex +1
925установок
threejs-3d-graphics скилл Задаёт агенту роль сеньор-разработчика WebGL и Three.js: помогает писать шейдеры на GLSL, снижать число draw calls и настраивать 3D-сцены в браузере.
CX Codex +1
457установок
color-accessibility скилл Помогает создавать палитры с учётом дальтонизма и требований WCAG AA и AAA. Пригодится при оформлении интерфейсов, графиков и валидации форм.
CX Codex +1
619установок
deno-frontend скилл Помогает настроить веб-фронтенд под Deno. Подходит для обычных npm-фреймворков вроде Vite или Next.js, а также для серверного рендеринга на Fresh 2.x.
CX Codex +1
408установок
1 921–1 960 из 2 909
