NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
build-daily-inspiration-sites скилл Создаёт отдельные задачи Codex для оригинальных лендингов по готовой подборке UI-референсов. Нужен, когда из подборки требуется получить самостоятельные проекты Sites.
CX Codex +1
1 200установок
build-threejs-enemy-systems скилл Скилл помогает проектировать архетипы и мувсеты врагов для Three.js. Разделяет неизменяемые параметры персонажей и состояние боя в рантайме.
CX Codex +1
1 200установок
build-game-inventory скилл Помогает собрать или исправить игровой инвентарь: предметы, экипировку, перетаскивание, сохранения и проверки без потери вещей.
CX Codex +1
1 200установок
author-game-levels скилл Помогает проектировать и править уровни для игр на Three.js с абсолютно плоской геометрией геймплея. Скилл пригодится при настройке маршрутов камеры, аренах и валидации освещения.
CX Codex +1
1 200установок
pixijs скилл Маршрутизирует задачи по PixiJS v8 к специализированным инструкциям рендеринга и сцены.
CX Codex +1
6 900установок
swift-charts скилл Скилл для ИИ-агента, который помогает строить и разбирать графики на Swift Charts под iOS 26+. Пригодится, когда нужны столбцы, линии, пончики или 3D-поверхности.
CX Codex +1
4 000установок
swiftui-gestures скилл Помогает настраивать жесты в SwiftUI: объединяет нажатия, смахивания и зум, а также устраняет конфликты в иерархии представлений.
CX Codex +1
4 000установок
swiftui-uikit-interop скилл Помогает связать интерфейсы UIKit и SwiftUI без путаницы с жизненным циклом и потерей данных в общих состояниях.
CX Codex +1
4 100установок
email-template-builder скилл Создаёт систему транзакционных писем на React Email или MJML, подключает провайдеров и добавляет предпросмотр. Подходит для новых шаблонов, миграции и локализации писем.
602установок
platform-flexipage-generate скилл Создаёт и настраивает страницы Salesforce Lightning FlexiPage через шаблоны CLI. Помогает избежать ошибок разметки XML при сборке RecordPage, AppPage и HomePage.
CX Codex +1
6 000установок
design-systems-slds-apply скилл Скилл учит агента собирать интерфейсы на Salesforce Lightning Design System: подбирать блюпринты, хуки стилей, утилитарные классы и иконки.
CX Codex +1
6 000установок
remotion-motion-graphics скилл Скилл для ИИ-кодинга, который заставляет агента писать код Remotion по правилам моушн-дизайна, а не выдавать линейные фейды и плоские фоны.
CX Codex +1
1 100установок
scroll-reveal-libraries скилл Подключает лёгкие CSS-анимации появления элементов при прокрутке через библиотеку AOS. Помогает верстать лендинги и блоги без тяжеловесного JS-кода.
CX Codex +1
2 400установок
react-spring-physics скилл Скилл для React-анимаций на физике пружин: React Spring и Popmotion. Пригодится, когда нужны жесты, инерция и прерываемые переходы.
CX Codex +1
2 400установок
design-systems-slds-validate скилл Проверяет Lightning Web Components на соответствие SLDS: гоняет линтер, ищет проблемы в CSS и HTML, ставит оценку.
CX Codex +1
5 900установок
compose-ui-testing-patterns скилл Помогает писать и проверять UI-тесты Jetpack Compose: семантику, снимки экрана, ввод с клавиатуры и состояния взаимодействия.
CX Codex +1
2 200установок
performance-lighthouse-runner скилл Скилл даёт пошаговые рекомендации и помогает создавать код и конфигурации для задач производительности во фронтенде. Активируется по запросам о performance.
CX Codex +1
632установок
platform-custom-application-generate скилл Генерирует метаданные Lightning-приложений Salesforce с вкладками, брендингом и переопределением действий. Пригодится при сборке CustomApplication с навигацией Standard или Console.
CX Codex +1
5 800установок
critique-typography скилл Проверяет типографику отрендеренного экрана: шкалу, читаемость, единообразие и использование токенов. Пригодится на ревью интерфейса.
CX Codex +1
2 000установок
critique-visual-hierarchy скилл Скилл разбирает готовый экран по четырём измерениям и говорит, куда на самом деле падает взгляд. Пригодится, когда внимание уходит не туда.
CX Codex +1
2 000установок
brand-guidelines скилл Задаёт правила редактуры интерфейса и текстов в стиле Sentry: от лаконичных кнопок до ироничных пустых экранов. Пригодится при оформлении UI, ошибок и документации.
CX Codex +1
2 500установок
nuxthub скилл Помогает настраивать NuxtHub v0.10.8 с базой данных на Drizzle ORM, KV-хранилищем и blob. Пригодится при сборке бэкенда Nuxt под Cloudflare, Vercel или локальный PGlite.
CX Codex +1
2 200установок
pwa-development скилл Скилл для сборки Progressive Web App: манифест, service worker, стратегии кэширования и офлайн-режим. Пригодится, когда приложение должно ставиться на телефон и открываться без сети.
CX Codex +1
4 100установок
playcanvas-engine скилл Помогает настраивать трёхмерные сцены и веб-игры на движке PlayCanvas с архитектурой ECS. Пригодится при разработке интерактивной 3D-графики на WebGL и WebGPU.
CX Codex +1
2 300установок
aframe-webxr скилл Скилл для сборки браузерных 3D-, VR- и AR-сцен на A-Frame: агент пишет декларативную разметку вместо длинного JavaScript.
CX Codex +1
2 300установок
barba-js скилл Скилл по Barba.js: помогает настроить плавные переходы между страницами без полной перезагрузки и связать их с GSAP.
CX Codex +1
2 400установок
full-page-screenshot скилл Снимает целую веб-страницу в один PNG, включая контент за прокруткой. Пригодится для SPA, ленивых изображений и очень длинных страниц.
564установок
internal-dev-workbench скилл Скилл поднимает tmux-сессию для разработки Workflow SDK: сервер Next.js, интерфейс наблюдаемости и отдельные адреса для git worktree. Пригодится для параллельной работы в нескольких ветках.
CX Codex +1
645установок
design-systems-slds2-migrate скилл Прогоняет линтер SLDS по компонентам и помогает починить нарушения при переезде Lightning Web Components с SLDS 1 на SLDS 2.
CX Codex +1
5 600установок
shadcn-ui скилл Ставит и настраивает компоненты shadcn/ui в React-проекте: подбирает их по задаче, следит за порядком установки и зависимостями.
CX Codex +1
3 600установок
publish-project-to-github скилл Упаковывает локальный проект в репозиторий GitHub, создаёт README со скриншотом, запускает аудит секретов и настраивает GitHub Pages. Пригодится для публикации пет-проектов и демо.
CX Codex +1
1 100установок
build-interactive-particle-trail скилл Скилл для интерактивных частиц: курсор или палец оставляет след из точек, которые летят по своей траектории. Пригодится в 3D-сценах и на лендингах.
CX Codex +1
1 100установок
web-technique-to-skill скилл Помогает превратить готовый визуальный или интерактивный приём в переиспользуемый скилл для веб-дизайна — с демо, которое доказывает и механику, и точность.
CX Codex +1
1 100установок
add-mouse-driven-orbit скилл Добавляет плавный параллакс и кинематографичное вращение сцены Three.js вслед за курсором мыши без OrbitControls. Пригодится для интерактивных hero-секций.
CX Codex +1
1 200установок
design-audit скилл Проверяет визуальный дизайн приложения и готовит поэтапный план правок. Нужен для аудита интерфейса, типографики, отступов и цветовой системы.
CX Codex +1
4 100установок
good-css скилл Заменяет каскады брейкпоинтов и вспомогательные скрипты современными возможностями CSS. Работает с чистым CSS, Tailwind, StyleX и CSS-in-JS.
CX Codex +1
1 500установок
form-design скилл Проектирует веб-формы от порядка полей и группировки до валидации и доступности. Пригодится при сборке ввода данных любого масштаба — от одиночных полей до многошаговых сценариев.
CX Codex +1
1 900установок
aesthetic-usability скилл Помогает оценить, как визуальная цельность интерфейса влияет на ощущение удобства и доверия. Нужен при разборе слабых первых впечатлений от работающего дизайна.
CX Codex +1
1 900установок
critique-composition скилл Оценивает баланс, пустое пространство, ритм и гештальт-группировку на готовом экране. Помогает, когда в макете всё на месте по иерархии, но композиция выглядит разваленной.
CX Codex +1
1 900установок
tipkit скилл Скилл помогает добавлять и проверять подсказки Apple TipKit: встроенные в экран или привязанные к элементу управления. Пригодится для контекстной справки и знакомства с функциями приложения.
CX Codex +1
3 600установок
961–1 000 из 2 909
