NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
webflow-code-component:deploy-guide скилл Скилл ведёт по шагам от проверок до публикации библиотеки кодовых компонентов в воркспейсе Webflow и подсказывает, как убедиться, что всё встало.
CX Codex +1
987установок
vercel-deployments скилл Скилл для деплоя фронтенда и фулстек-приложений на Vercel: превью, edge-функции, переменные окружения и защита продакшена.
CX Codex +1
316установок
scaffold-nextjs скилл Пошагово разворачивает монорепозиторий Turborepo с Next.js, Blode UI, Ultracite и деплоем на Vercel и GitHub.
CX Codex +1
726установок
vuetify-skilld скилл Настраивает агента на разработку с Vuetify 4.x под Vue 3. Помогает подключить компоненты, разрулить CSS-слои и мигрировать проект с третьей версии.
CX Codex +1
378установок
webflow-code-component:troubleshoot-deploy скилл Разбирает сбои деплоя Webflow Code Components: читает сообщение об ошибке, находит причину и даёт конкретное исправление.
CX Codex +1
977установок
hig-components-layout скилл Скилл помогает спроектировать навигацию и вёрстку для приложений под платформы Apple по правилам Human Interface Guidelines.
CX Codex +1
684установок
hig-patterns скилл Скилл с паттернами взаимодействия из Apple Human Interface Guidelines: онбординг, загрузка, модальные окна, уведомления, поиск. Пригодится, когда проектируешь UX в приложении под Apple.
CX Codex +1
685установок
js-performance-patterns скилл Набор паттернов микрооптимизации JavaScript для горячих путей. Помогает агенту устранять просадки скорости в циклах, обработчиках событий и операциях с DOM.
CX Codex +1
687установок
meticulous-zero-diff-task скилл Организует цикл рефакторинга и обновления библиотек с проверкой через Meticulous. Помогает агенту устранять любые визуальные расхождения в интерфейсе до создания пулл-реквеста.
CX Codex +1
4 500установок
appbuilder-ui-scaffolder скилл Генерирует интерфейсы на React Spectrum для Adobe Experience Cloud Shell и расширений AEM. Помогает настроить формы, таблицы данных и модальные окна.
CX Codex +1
716установок
motion скилл Скилл по библиотеке Motion для React: подсказывает, как собрать drag-and-drop, scroll-анимации и переходы макета. Пригодится, когда агент путает пропсы или ломает exit-анимации.
CX Codex +1
1 100установок
handover-developer скилл Генерирует техническую документацию для разработчиков проекта на AEM Edge Delivery Services. Анализирует архитектуру кодовой базы и создаёт гайд для онбординга.
CX Codex +1
714установок
zod-schema-validation скилл Скилл задаёт правила валидации данных через Zod и вывода типов TypeScript на границах системы: в API, формах и внешних ответах. Помогает писать схемы без лишнего дублирования.
CX Codex +1
1 200установок
bootstrap скилл Задаёт агенту правила работы с Bootstrap: сетка, компоненты, утилиты и валидация форм. Пригодится, когда интерфейс собирают без своего CSS.
CX Codex +1
1 200установок
css скилл Скилл задаёт агенту правила вёрстки: Flexbox, Grid, переменные, BEM и порядок в стилях. Пригодится, когда ИИ пишет CSS в вашем проекте.
CX Codex +1
1 200установок
modern-web-development скилл Набор правил для современного веб-стека: TypeScript, Next.js 14, React Server Components, Supabase, GraphQL и Tailwind CSS. Пригодится, когда агент пишет фронтенд и API в одном проекте.
CX Codex +1
1 200установок
appbuilder-testing скилл Скилл генерирует и запускает Jest-тесты для экшенов Adobe App Builder и React-компонентов, включая моки Adobe SDK.
CX Codex +1
714установок
mastering-typescript скилл Помогает писать строгий код на TypeScript 5.9+ и настраивать тулчейн для React 19 или NestJS 11. Пригодится при миграции с JavaScript и проектировании сложных типов.
CX Codex +1
790установок
block-kit скилл Собирает и проверяет Block Kit JSON для сообщений, модалок и Home tab в Slack. Пригодится, когда нужно быстро получить валидную раскладку без чтения документации вручную.
CX Codex +1
500установок
view-transitions скилл Учит агента работать с View Transitions API: переходы между страницами и состояниями интерфейса браузер анимирует сам.
CX Codex +1
678установок
dt-setup-react-native скилл Пошагово настраивает плагин Dynatrace в проектах на React Native или Expo: правит конфиги Babel, подключает зависимости и проверяет параметры приватности.
CX Codex +1
868установок
guide-swiftui-charts скилл Скилл-руководство по Swift Charts: метки, оси, выделение, стили, композиция, Chart3D и доступность. Пригодится, когда строите или дорабатываете графики в SwiftUI.
CX Codex +1
429установок
color-mode-and-theme скилл Помогает выбрать цветовую схему проекта, решить вопрос о поддержке тёмной темы и выстроить токены без сломанного контраста.
CX Codex +1
926установок
iphone-duo-react-native скилл Скилл помогает адаптировать приложения на React Native и Expo под складной iPhone Duo: от асимметричных отступов до нативного модуля под iOS 27.1.
CX Codex +1
432установок
dt-setup-flutter скилл Пошагово подключает Dynatrace к проекту на Flutter: настраивает зависимости и генерирует нативные конфиги для мониторинга.
CX Codex +1
860установок
ui-density скилл Помогает подобрать плотность интерфейса под мобильные экраны, планшеты и десктоп. Задаёт правила группировки данных для таблиц, дашбордов и режимов для профи.
CX Codex +1
915установок
hig-components-controls скилл Помогает выбрать правильные элементы ввода и переключатели по гайдлайнам Apple HIG. Подсказывает типы клавиатур, состояния контролов и правила доступности.
CX Codex +1
655установок
vite-bundle-optimization скилл Скилл с паттернами оптимизации бандла и сборки в Vite + React. Пригодится, когда билд тормозит или чанки выходят больше ожидаемого.
CX Codex +1
667установок
reanimated-skia-performance скилл Скилл для написания и разбора быстрых анимаций и 2D-графики в React Native на Reanimated v4 и Skia. Пригодится, когда интерфейс тормозит или нужно нарисовать что-то своё.
CX Codex +1
955установок
form-design скилл Скилл для проектирования форм: подсказки под полем, плейсхолдеры, валидация и состояние кнопки отправки. Пригодится, когда верстаешь или проверяешь ввод данных.
CX Codex +1
916установок
mobile-ux-optimizer скилл Скилл помогает адаптировать веб-интерфейсы под смартфоны: настраивает safe area, переводит вёрстку на dvh и увеличивает области клика под тач-экраны.
CX Codex +1
498установок
brand-visual-language скилл Скилл помогает выбрать радиусы, шрифты и стиль иконок так, чтобы интерфейс читался как одна марка. Пригодится, когда начинаете дизайн-систему или ловите разнобой в визуале.
CX Codex +1
907установок
hig-components-dialogs скилл Скилл подсказывает правила Apple Human Interface Guidelines для модальных окон, алертов, шторок и полей ввода цифр. Пригодится при проектировании UI под iOS, iPadOS, macOS и visionOS.
CX Codex +1
647установок
odoo-17 скилл Скилл-справочник по Odoo 17: модели и ORM, XML-вьюхи, OWL, QWeb-отчёты, права доступа, миграции. Пригодится, когда правишь кастомный аддон или разбираешь трейсбек.
CX Codex +1
373установок
hig-components-menus скилл Скилл помогает проектировать меню и кнопки для интерфейсов Apple по правилам Human Interface Guidelines. Полезен при выборе между pop-up и pull-down кнопками или структурировании тулбаров.
CX Codex +1
643установок
semantic-html-and-seo скилл Скилл для ИИ-агента: подсказывает семантичную разметку HTML5, метатеги, alt-тексты и progressive enhancement. Пригодится при вёрстке интерфейса и разборе чужого markup.
CX Codex +1
901установок
hig-components-content скилл Подсказывает правила Apple HIG по отображению контента: графикам, сеткам, веб-страницам и карточкам. Помогает выбрать системный компонент под iOS, macOS, tvOS или visionOS.
CX Codex +1
641установок
motion-and-storytelling скилл Скилл для проектирования переходов, скролл-анимаций и онбординга. Подсказывает тайминги, easing и стаггер, когда анимация нужна, а не «для красоты».
CX Codex +1
894установок
typescript-react-patterns скилл Скилл с 33 правилами типизации React на TypeScript: пропсы, хуки, события, refs, дженерики и контекст. Пригодится, когда агент пишет компоненты и лезет в типы.
CX Codex +1
1 100установок
apple-ui-designer скилл Скилл перерабатывает экраны мобильных приложений под каноны Human Interface Guidelines от Apple. Он приводит типографику, отступы и системные компоненты к нативному виду iOS.
CX Codex +1
865установок
1 801–1 840 из 2 909
