NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
antv-g2-chart скилл Скилл помогает создавать и настраивать визуализации на G2 v5, а также разбирать ошибки и переход с V4. Он пригодится, когда агент пишет код для графика в проекте.
CX Codex +1
1 400установок
axiom-swiftui скилл Скилл для работы с SwiftUI: разбирает вёрстку, навигацию, анимации, жесты и просадки производительности по конкретным симптомам.
CX Codex +1
1 500установок
storefront-best-practices скилл Скилл задаёт правила для разработки витрин интернет-магазина: от карточек товаров до корзины и оформления заказа. Нужен при создании или доработке интерфейса магазина.
CX Codex +1
4 600установок
design-review скилл Скилл оценивает интерфейс по шести взвешенным критериям, прогоняет эвристики Нильсена и выдаёт таблицу находок по приоритету.
CX Codex +1
594установок
rams скилл Проверяет компоненты интерфейса на соответствие стандарту WCAG 2.1 и находит дефекты вёрстки. Пригодится при приёмке фронтенд-кода.
CX Codex +1
3 000установок
building-admin-dashboard-customizations скилл Скилл обучает агента настраивать интерфейс панели Medusa: собирать виджеты, кастомные страницы и таблицы. Пригодится при расширении админки магазина.
CX Codex +1
4 400установок
Frontend Responsive Design Standards скилл Скилл задаёт агенту правила mobile-first вёрстки: брейкпоинты, относительные единицы, тач-цели и приоритет контента на мобильных.
CX Codex +1
1 200установок
favicon-gen скилл Скилл создаёт набор иконок для сайта и PWA из логотипа, монограммы или фирменных цветов. Генерирует файлы SVG, ICO, PNG и манифест.
CX Codex +1
2 200установок
ui-ux скилл Скилл для ИИ-кодинга, который ведёт агента по дизайн-процессу: сначала бриф и 2–3 вайрфрейма, потом код. Для дашбордов, таблиц, форм и модалок.
CX Codex +1
884установок
a11y-audit скилл Проверяет интерфейс на соответствие стандартам WCAG 2.2 и ARIA. Пригодится при аудите контрастности, навигации с клавиатуры и доступности для скринридеров.
CX Codex +1
550установок
frontend-design-deslop скилл Скилл для ИИ-кодинга, который уводит интерфейс от типового вида, который выдают модели по умолчанию: типографика, цвет, токены, тёмная тема.
CX Codex +1
4 800установок
building-storefronts скилл Скилл для разработки витрины на Medusa: подсказывает, как вызывать API через SDK и React Query, чтобы не сломать запросы.
CX Codex +1
4 200установок
sentry скилл Даёт агенту правила Sentry для отслеживания ошибок и трассировки производительности в Next.js. Нужен при добавлении такой инструментализации в приложение.
CX Codex +1
2 800установок
react-doctor скилл Скилл прогоняет React-кодовую базу по 47+ правилам и выдаёт оценку от 0 до 100 с указанием файлов и строк. Пригодится перед ревью или когда проект тормозит.
CX Codex +1
2 800установок
bun скилл Переключает агента на среду Bun вместо привычных Node.js и npm. Настраивает команды запуска, встроенные базы данных и сервер без внешних пакетов.
CX Codex +1
2 800установок
favicon скилл Создаёт набор фавиконов из исходного изображения, обновляет манифест и HTML проекта. Пригодится при настройке и замене иконок сайта.
CX Codex +1
2 800установок
design-tokens скилл Скилл создаёт и проверяет дизайн-токены в формате DTCG. Пригодится для палитр, типографики, темизации и других системных значений интерфейса.
CX Codex +1
538установок
redesign скилл Скилл проверяет существующий интерфейс и поэтапно обновляет его, сохраняя работающие функции. Подходит, когда нужно освежить дизайн сайта или приложения.
CX Codex +1
535установок
mvvm-toolkit-di
официальный скилл Помогает связать ViewModels из CommunityToolkit.Mvvm с контейнером Microsoft.Extensions.DependencyInjection в проектах на WPF, WinUI 3, .NET MAUI, Uno и Avalonia.
92установок
apply-aesthetic скилл Скилл выбирает визуальное направление — архетип или именную дизайн-систему — и переводит его в токены вашего проекта. Пригодится, когда нужен конкретный вид, а не «на вкус агента».
CX Codex +1
529установок
experience-ui-bundle-project-generate скилл Генерирует готовый к разработке проект Salesforce UI bundle из шаблона через Salesforce CLI. Пригодится при старте нового приложения на React или Angular в SFDX.
CX Codex +1
3 200установок
platform-lightning-type-widget-coordinate скилл Координирует создание Apex-backed Lightning Type и HXL-виджета. Нужен, когда тип явно назван в запросе или задан через @apexClassType/....
CX Codex +1
3 200установок
design-code скилл Скилл помогает агенту собирать код компонентов и экранов под выбранный фреймворк. Он пригодится, когда нужен готовый UI с токенами и проверками доступности.
CX Codex +1
525установок
shopify-liquid-themes скилл Помогает агенту писать файлы .liquid для тем Shopify: секции, блоки, сниппеты со схемой и переводами. Пригодится, когда правишь шаблон и не хочешь вспоминать синтаксис Liquid.
CX Codex +1
3 600установок
platform-conventions скилл Скилл разбирает, какие паттерны интерфейса диктует iOS, какие Android, и где их стоит свести к общему виду. Пригодится, когда вы выпускаете нативное приложение.
CX Codex +1
1 100установок
law-of-continuity скилл Скилл про закон непрерывности: выравнивание, стрелки и линии задают путь, по которому глаз идёт по интерфейсу. Пригодится при вёрстке форм, каруселей и таймлайнов.
CX Codex +1
1 100установок
law-of-closure скилл Учит агента строить интерфейс на подразумеваемых границах: убирать лишние рамки, рисовать иконки из минимальных подсказок и опираться на негативное пространство.
CX Codex +1
1 100установок
law-of-figure-ground скилл Скилл разбирает, какой слой интерфейса читается как передний план, а какой как фон, и помогает задать это отношение осознанно.
CX Codex +1
1 100установок
law-of-similarity скилл Помогает выстроить визуальные связи между элементами интерфейса через форму, цвет и размер. Пригодится, когда нужно объединить компоненты на расстоянии без изменения сетки.
CX Codex +1
1 100установок
design-component скилл Создаёт спецификацию UI-компонента с анатомией, 8 состояниями, токенами и доступностью. Пригодится при проектировании контролов в дизайн-системе до написания кода.
CX Codex +1
522установок
playwriter скилл Скилл подключает агента к уже открытому окну Chrome через Playwriter CLI. С ним можно изучать интерфейс, выполнять действия на странице и разбирать ошибки фронтенда.
CX Codex +1
2 700установок
mvvm-toolkit
официальный скилл Помогает писать модели представлений, команды и валидацию для CommunityToolkit.Mvvm в WPF, MAUI или Avalonia. Полезен при переходе на генераторы исходного кода.
89установок
design-qa скилл Скилл настраивает проверки токенов, контраста, доступности и визуальных регрессий. Запускайте его перед релизом компонента или экрана.
CX Codex +1
516установок
vitest-midscene-e2e скилл Скилл объединяет Vitest и Midscene для создания E2E-тестов на естественном языке под Web, Android и iOS. Помогает быстро развернуть бойлерплейт или наладить автотесты без селекторов.
CX Codex +1
2 100установок
chrome-extension скилл Помогает создавать и дорабатывать Chrome-расширения на Manifest V3. Пригодится для manifest.json, content scripts, фоновой логики и API браузера.
CX Codex +1
4 500установок
brandkit скилл По краткому описанию продукта скилл собирает дизайн-токены для светлой и тёмной темы и проверяет контраст. Пригодится, когда нужно заложить общую визуальную основу до разработки экранов.
CX Codex +1
510установок
aesthetic скилл Скилл для ИИ-агента, который помогает проектировать интерфейсы: разбирает чужие макеты, генерирует варианты дизайна и доводит их до внятного вида.
CX Codex +1
714установок
triage-frontend-issues скилл Скилл разбирает новые issue в проекте sentry/javascript: архивирует шум и оставляет настоящие баги человеку.
CX Codex +1
1 300установок
ui-designer скилл Извлекает дизайн-систему из скриншотов интерфейса и готовит промпт для реализации UI в React. Нужен, когда новый экран должен повторять стиль референсов.
CX Codex +1
1 600установок
crxjs скилл Скилл для разработки Chrome-расширений на CRXJS: подсказывает, как настроить настоящий HMR для popup, content scripts и side panel. Пригодится, если расширение уже собирается через Vite.
CX Codex +1
4 300установок
1 121–1 160 из 2 909
