NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
web-design-guidelines скилл Скилл проверяет веб-интерфейс по правилам доступности и UX. Запускайте его при аудите UI, форм или клавиатурной навигации.
CX Codex +1
896установок
catalyst-slate скилл Помогает агенту развернуть фронтенд на Catalyst Slate: создать приложение, настроить slate-config.toml и выкатить сборку. Полезен, когда React или Next.js надо хостить на Catalyst.
CX Codex +1
1 000установок
sync-figma-token скилл Скилл сверяет дизайн-токены в коде с переменными Figma, показывает расхождения и применяет правки только после подтверждения.
CX Codex +1
676установок
storybook скилл Задаёт правила создания историй, автодокументации и тестов компонентов в Storybook. Помогает поддерживать дизайн-систему в проектах на React.
CX Codex +1
909установок
agency-agents-ai-specialists скилл Набор персон агентов для инженерных, дизайнерских и маркетинговых задач. Подключаешь нужную роль и просишь её собирать код.
CX Codex +1
2 100установок
gsap скилл Скилл для GSAP-анимаций: вход и выход панелей HUD, переходы статус-индикаторов, эффекты по скроллу. Пригодится, если собираете интерфейс на Vue.
CX Codex +1
1 300установок
rspack-best-practices скилл Набор правил по настройке, профилированию и ускорению сборки проектов на Rspack. Помогает агенту писать конфигурации и избегать медленных плагинов.
CX Codex +1
669установок
landing-page-design скилл Скилл для проектирования лендингов: помогает агенту строить страницы вокруг одной цели и проверять каждое решение по справочникам.
CX Codex +1
447установок
design-systems скилл Помогает агенту выстроить дизайн-токены, компонентную библиотеку и правила доступности в одном проекте.
CX Codex +1
903установок
shopify-theme-development-guidelines скилл Скилл помогает создавать и менять темы Shopify с учётом Liquid, Online Store 2.0 и правил для HTML, CSS и JavaScript. Пригодится для работы со структурой темы и её производительностью.
CX Codex +1
898установок
frontend-accessibility скилл Скилл помогает внедрять стандарты WCAG при разработке веб-интерфейсов. Направляет агента на использование семантического HTML, разметки ARIA и навигации с клавиатуры.
CX Codex +1
599установок
sveltekit-data-flow скилл Подсказывает агенту правила передачи данных в SvelteKit: разделение серверного и универсального кода, работу с формами и сериализацию данных.
CX Codex +1
492установок
astro скилл Скилл задаёт агенту правила работы с Astro: статическая генерация, частичная гидратация, файловый роутинг и минимум клиентского JavaScript.
CX Codex +1
886установок
21st-ui-build скилл Скилл для реализации страниц и компонентов в существующем веб-проекте: сначала читает дизайн-контекст и токены, потом ищет готовое в 21st.
CX Codex +1
1 400установок
auth-web-cloudbase скилл Настраивает вход, регистрацию и сессии в веб-приложениях на базе @cloudbase/js-sdk. Предотвращает частые ошибки авторизации и защищает роуты.
CX Codex +1
951установок
modal-and-overlay-patterns скилл Правила выбора и вёрстки всплывающих окон: от подсказок и шторок до блокирующих модальных диалогов с единой подложкой и строгой доступностью.
CX Codex +1
686установок
operational-expert-tool-ui скилл Задаёт правила интерфейса для диспетчерских, складских и логистических инструментов: плотность данных вместо воздуха, статус виден сразу.
CX Codex +1
689установок
prototype скилл Собирает предлагаемый редизайн страницы в один статичный HTML-файл, который можно открыть в браузере и править через чат.
CX Codex +1
524установок
micro-interactions скилл Скилл для ИИ-агента, который подсказывает, как анимировать кнопки, тумблеры, чекбоксы, индикаторы загрузки и бейджи уведомлений.
CX Codex +1
1 400установок
swr скилл Инструкции по настройке SWR в связке с React и TypeScript. Помогает агенту писать хуки для выборки, кеширования и мутаций данных.
CX Codex +1
870установок
tailwind скилл Скилл с 42 правилами по Tailwind CSS v4: сборка, генерация CSS, размер бандла, темизация. Пригодится при миграции и настройке.
CX Codex +1
512установок
repeated-component-alignment скилл Скилл для ИИ-кодинга, который держит карточки, строки списков и плитки в одной сетке, когда тексты разной длины. Пригодится при вёрстке повторяющихся компонентов.
CX Codex +1
678установок
ui-ux-pro-max-skill скилл Скилл подбирает структуру страницы, визуальный стиль, цвета и шрифты по описанию продукта. Пригодится, когда нужно задать направление дизайна до реализации интерфейса.
CX Codex +1
2 000установок
trpc скилл Набор правил, по которым ИИ-агент пишет Next.js-приложение на tRPC v11. Помогает держать типы сквозными от сервера до клиента и не забывать про Zod.
CX Codex +1
864установок
cloudbase-document-database-web-sdk скилл Скилл помогает писать браузерный код для CloudBase Document Database через @cloudbase/js-sdk: CRUD, запросы, пагинация и realtime.
CX Codex +1
932установок
tab-navigation скилл Скилл для проектирования вкладок: подсказывает, когда они уместны, как устроена полоса вкладок и как ведёт себя клавиатура.
CX Codex +1
674установок
seo-best-practices скилл Задаёт правила поисковой оптимизации для веб-приложений. Помогает настроить метатеги, разметку JSON-LD, рендеринг и показатели Core Web Vitals.
CX Codex +1
858установок
flutter-internationalization скилл Настраивает и чинит локализацию во Flutter через gen-l10n и ARB-файлы. Помогает перевести интерфейс, поддержать RTL и убрать устаревшие импорты package:flutter_gen.
CX Codex +1
536установок
awwwards-ui-skills скилл Скилл задаёт дизайн-систему в стиле Awwwards: строгую сетку 4px, шрифт Inter и светлую палитру с базовым фоном #E4E4E4.
CX Codex +1
560установок
accessibility-testing скилл Скилл для проверки веб-приложений на соответствие WCAG: axe, навигация с клавиатуры, ARIA, скринридеры. Пригодится, когда нужно закрыть a11y-требования в проекте.
CX Codex +1
575установок
coordinated-data-views скилл Скилл для ИИ-кодинга, который подсказывает, как связать таблицу с картой, диаграммой или графиком и синхронизировать выделение в обе стороны.
CX Codex +1
668установок
svelte-template-directives скилл Скилл помогает работать с директивами шаблонов Svelte: от подключения к DOM до вывода HTML и сниппетов. Пригодится при разработке компонентов на Svelte.
CX Codex +1
474установок
authentic-product-representation скилл Заставляет ИИ-агента оформлять лендинги и демо-панели с реальными данными вместо lorem ipsum. Нужен для вёрстки правдоподобных hero-блоков и скриншотов.
CX Codex +1
662установок
domain-expert-configuration скилл Направляет ИИ при проектировании панелей настроек, параметров солверов и редакторов ограничений для экспертов без инженерного опыта.
CX Codex +1
660установок
ai-model-web скилл Подключает вызовы языковых моделей в веб-приложения через @cloudbase/js-sdk напрямую из браузера без промежуточного сервера на Node.js.
CX Codex +1
913установок
performance-optimization скилл Набор правил для веб-производительности: серверный рендеринг, CSS, JavaScript, ассеты и кэш. Полезен, когда агент пишет фронтенд и вы хотите задать ему планку.
CX Codex +1
848установок
sass-best-practices скилл Скилл задаёт агенту правила письма на Sass с отступами: структура файлов, переменные, миксины, BEM. Пригодится, если стили в проекте пишут на .sass, а не на SCSS.
CX Codex +1
845установок
nextjs-react-redux-typescript-cursor-rules скилл Свод правил и стандартов разработки для связки Next.js, React, Redux Toolkit и TypeScript. Задаёт архитектуру компонентов, строгую типизацию и требования к стилю кода для ИИ-агента.
CX Codex +1
842установок
vitest-testing-patterns скилл Скилл обучает агента писать модульные и компонентные тесты на Vitest и React Testing Library с готовыми шаблонами моков для API и базы данных.
CX Codex +1
361установок
ui-audit скилл Скилл анализирует интерфейсы по правилам книги Making UX Decisions. Помогает находить ошибки в визуальной иерархии, доступности и формах прямо в коде.
CX Codex +1
542установок
1 961–2 000 из 2 909
