NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
migrate-design-system скилл Сопоставляет токены вашей дизайн-системы с чужой и обратно: Material 3, Apple HIG, Fluent 2, shadcn/ui, Radix. Пригодится, когда надо перенять чужой вид или переехать на их стек.
CX Codex +1
487установок
icon-set-generator скилл Скилл рисует набор SVG-иконок под конкретный проект: один стиль, одна сетка, одинаковый штрих. Пригодится, когда сайту нужен свой набор, а не Lucide.
CX Codex +1
1 900установок
prototype скилл Ведёт проектирование интерфейса по лестнице детализации от структуры контента до кода. Помогает собирать вайрфреймы, карты путей пользователей и сценарии тестов.
CX Codex +1
484установок
compose-performance скилл Скилл для расследования стоимости рекомпозиции в Jetpack Compose: помогает найти фазу, из-за которой пересчитывается UI, и починить её точечно.
CX Codex +1
1 100установок
compose-state-and-effects скилл Скилл помогает проектировать и проверять владение состоянием в Jetpack Compose. Он распределяет стейт по уровням и подбирает эффекты под их жизненный цикл.
CX Codex +1
1 100установок
token-build скилл Скилл превращает DTCG-токены из JSON в файлы тем для веба и мобильных платформ. Пригодится для настройки сборки токенов и её запуска в CI.
CX Codex +1
480установок
axiom-uikit скилл Маршрутизирует задачи по связке UIKit и SwiftUI, отладке Auto Layout, анимаций, Combine и TextKit. Пригодится при модернизации интерфейсов в iOS.
CX Codex +1
1 200установок
figma-integration скилл Скилл связывает токены и компоненты проекта с Figma в обоих направлениях. Он пригодится, чтобы перенести дизайн, опубликовать токены или проверить расхождения.
CX Codex +1
478установок
serial-position-effect скилл Скилл применяет эффект серийной позиции: подсказывает, какие пункты ставить первыми и последними, а что попадёт в провал посередине.
CX Codex +1
1 000установок
teslers-law скилл Помогает распределять сложность между интерфейсом и пользователем по закону Теслера. Пригодится при проектировании форм, настроек и сложных сценариев.
CX Codex +1
1 000установок
zeigarnik-effect скилл Скилл для проектирования прогресс-баров, черновиков и напоминаний о незавершённых шагах. Помогает агенту опираться на психологию незакрытых задач.
CX Codex +1
1 000установок
jakobs-law скилл Скилл помогает оценить цену отказа от привычных интерфейсных паттернов по закону Якоба Нильсена. Он пригодится при переработке навигации или ключевых контролов.
CX Codex +1
1 100установок
antv-g6-graph скилл Помогает собрать сетевой граф, дерево или блок-схему на G6 v5 и не спотыкаться о синтаксис v4. Пригодится, когда агент пишет визуализацию связей.
CX Codex +1
1 100установок
zod скилл Справочник из 46 правил для валидации схем и вывода типов в Zod 4. Помогает писать надёжные схемы, обрабатывать ошибки и находить устаревший синтаксис в TypeScript.
CX Codex +1
476установок
revealjs скилл Скилл собирает презентацию на reveal.js: HTML-файл со слайдами и CSS с вашей темой. Открывается в браузере, сборка не нужна.
CX Codex +1
736установок
auth0 скилл Помогает настроить авторизацию пользователей, защиту API и токены в приложении. Пригодится при настройке входа без пароля, MFA или миграции с других сервисов.
CX Codex +1
5 200установок
responsiveness-check скилл Гоняет страницу по ширинам вьюпорта в одной браузерной сессии, снимает скриншоты и показывает, где ломается раскладка.
CX Codex +1
1 800установок
seo-local-business скилл Генерирует метатеги <head>, микроразметку JSON-LD LocalBusiness, robots.txt и sitemap.xml для сайтов локальных компаний с привязкой к регионам и пригородам.
CX Codex +1
1 800установок
apollo-client скилл Скилл ведёт агента по настройке Apollo Client 4.x в React: запросы, мутации, кэш, локальное состояние и разбор ошибок.
CX Codex +1
5 600установок
ipados-design-guidelines скилл Набор правил Apple Human Interface Guidelines для iPad: адаптивные раскладки, многозадачность, боковая навигация и поддержка указателя.
CX Codex +1
1 200установок
email-render-builder скилл Собирает HTML-вёрстку письма из готового креатива и проверяет, как она отрисуется в Gmail, Outlook, Apple Mail и на мобильных.
CX Codex +1
1 000установок
anywidget-generator скилл Скилл помогает агенту писать кастомные anywidget-компоненты для ноутбуков marimo: JavaScript в _esm, стили в _css, обёртка через mo.ui.anywidget.
CX Codex +1
3 600установок
neon-realtime скилл Делает любой SQL-запрос живым: клиент подписывается на изменения строк в Lakebase Postgres и получает их батчами. Пригодится для дашбордов, лент и синхронизации между устройствами.
CX Codex +1
6 000установок
experience-lwr-site-generate скилл Собирает и правит сайты Salesforce Experience Cloud на LWR через метаданные DigitalExperience: страницы, маршруты, темы, гостевой доступ.
CX Codex +1
2 700установок
tailwind-v4-shadcn скилл Скилл настраивает связку Tailwind CSS v4, shadcn/ui и React в проектах на Vite. Помогает избежать ошибок импорта и поломки CSS-переменных при переключении тем оформления.
CX Codex +1
8 100установок
compose-component-design скилл Скилл для проектирования и ревью переиспользуемых компонентов Jetpack Compose: слоты, модификаторы, размещение корневого layout.
CX Codex +1
1 000установок
elevenlabs-agents скилл Собирает голосовых ИИ-агентов на ElevenLabs: настраивает агента, инструменты, базу знаний и подключение SDK.
CX Codex +1
1 700установок
3d-virtual-tour скилл Скилл для сборки виртуальных туров по 3D-сцене: маршрут камеры, переходы между комнатами, осмотр модели. Пригодится для архитектурных обходов и шоурумов на Three.js.
CX Codex +1
527установок
frontend-app-builder
официальный скилл Помогает спроектировать и собрать интерфейс приложения, сайта или игры, затем проверить его в браузере. Подойдёт для новой frontend-разработки и явного запроса на редизайн.
CX Codex GP ChatGPT
252установок
experience-lwc-base-components-integrate скилл Помогает выбрать подходящий Lightning Base Component под задачу интерфейса и подключить его в LWC без поломки SLDS.
CX Codex +1
2 600установок
experience-lds-data-requirements-generate скилл Переводит неточные описания данных для Lightning Web Components в готовую спецификацию. Помогает выбрать между GraphQL, UI API и Apex ещё до написания кода.
CX Codex +1
2 600установок
nextjs-performance скилл Скилл по оптимизации Next.js: Core Web Vitals, картинки и шрифты, кеширование, стриминг, размер бандла. Пригодится, когда сайт тормозит и надо понять, с чего начать.
CX Codex +1
4 900установок
frontend-slides-editable скилл Создаёт одностраничные HTML-презентации со встроенным редактором в браузере. Подходит, когда слайды нужно менять после генерации.
CX Codex +1
537установок
liquid-theme-standards скилл Скилл задаёт правила вёрстки и клиентских скриптов для тем Shopify. Помогает писать предсказуемый код в файлах .liquid и ресурсах ассетов.
CX Codex +1
2 900установок
pp-figma скилл Выгружает компактные данные фреймов Figma для кодогенерации, проверяет нерешённые комментарии и находит неиспользуемые компоненты. Пригодится при переносе макетов в код и аудитах дизайн-систем.
CX Codex +1
726установок
3d-retina-resolution скилл Настраивает чёткий 3D-рендеринг на Retina и HiDPI, включая фиксированный масштаб 200%. Нужен для WebGL-превью, где картинка теряет резкость.
CX Codex +1
512установок
react-patterns скилл Подсказывает агенту паттерны React 19: Server Components, Server Actions, useOptimistic, Suspense. Пригодится, когда пишете приложение на Next.js App Router.
CX Codex +1
4 800установок
3d-sky-background скилл Настраивает корректный фон неба в 3D-сцене: процедурную атмосферу, туман у горизонта, направленный солнечный свет и окружение для PBR.
CX Codex +1
505установок
tvos-design-guidelines скилл Скилл загружает в ассистент правила Apple HIG для tvOS. Он помогает проектировать экраны Apple TV с фокусной навигацией под пульт Siri Remote и 10-foot UI.
CX Codex +1
1 100установок
3d-falling-leaves скилл Скилл для Three.js и похожих сцен: учит агента строить падающие листья в мировых координатах, с переворотом, сносом и переиспользованием инстансов.
CX Codex +1
499установок
1 161–1 200 из 2 909
