NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
flutter-dev скилл Гайд для разработки Flutter-приложений с паттернами виджетов, Riverpod, Bloc и GoRouter. Пригодится при настройке интерфейса, навигации, тестов и производительности.
CX Codex +1
2 000установок
uniwind скилл Скилл даёт агенту правила и справочники Uniwind, чтобы он собирал и чинил интерфейсы на Tailwind CSS v4 в React Native, а не угадывал API.
CX Codex +1
4 500установок
chat-motion-overlay скилл Создаёт анимированные сцены переписки из текста или скриншота и готовит их для рендера в Remotion. Нужен для роликов с пузырями сообщений и прозрачных наложений.
CX Codex +1
829установок
react19-test-patterns
официальный скилл Подсказывает, как обновить тесты для совместимости с React 19. Пригодится при миграции с React 18, особенно если тесты используют react-dom/test-utils или проверяют число вызовов эффектов.
1 200установок
remotion скилл Скилл превращает JSON-описания видеотайм-лайна в готовые видеокомпозиции через Remotion. Пригодится, если генерируешь видео программно или собираешь каталоги видеоклипов из данных.
CX Codex +1
1 700установок
design-taste-frontend скилл Скилл для лендингов, портфолио и редизайнов. Агент читает бриф, подбирает дизайн-систему и собирает интерфейс без AI-шаблонов.
CX Codex +1
808установок
audio-and-sound скилл Помогает настроить воспроизведение звуков, фоновой музыки, громкости и пространственного аудио в играх на Phaser 4 через SoundManager и Web Audio API.
CX Codex +1
944установок
write-unit-tests скилл Скилл для написания unit- и интеграционных тестов в репозитории tldraw: подсказывает, где размещать тесты, как работать с TestEditor и какие ловушки Vitest подстерегают.
CX Codex +1
498установок
react-native-dev скилл Справочник по React Native и Expo для агента: навигация, списки, анимации, состояние, тесты и сборка. Полезен, когда пишете мобильное приложение и не хотите объяснять агенту базу.
CX Codex +1
1 900установок
resource-curator скилл Скилл находит, проверяет и упорядочивает учебные материалы для справочников по JavaScript. Пригодится при наполнении страниц тем или чистке старых ссылок.
CX Codex +1
320установок
landing-page-design скилл Скилл ведёт агента по сборке лендинга: сначала вопросы о продукте и структура страницы, потом жёсткие правила типографики, отступов и фонов.
CX Codex +1
1 800установок
kumo-design скилл Гайд по дизайну интерфейсов Cloudflare: задаёт правила вёрстки для Kumo UI, модальных окон, карточек и типографики в панели управления.
CX Codex +1
1 500установок
tweens скилл Скилл учит ИИ-агентов анимировать свойства объектов в Phaser 4 через TweenManager, цепочки TweenChain и функцию stagger.
CX Codex +1
899установок
visual-verdict скилл Скилл сравнивает полученный скриншот интерфейса с референсными изображениями и возвращает JSON-вердикт для следующей итерации правок.
CX Codex +1
901установок
react19-concurrent-patterns
официальный скилл Защищает concurrent-паттерны React 18 от поломок при миграции на React 19. Подсказывает, когда внедрять новые хуки use, useOptimistic и Actions.
1 100установок
frontend-developer скилл Помогает проектировать и писать интерфейсы на React и Next.js с адаптивностью, состоянием и доступностью. Нужен при разработке компонентов и страниц.
CX Codex +1
1 300установок
radix-ui-design-system скилл Скилл помогает создавать дизайн-системы и доступные интерфейсные компоненты на базе примитивов Radix UI без готовых стилей.
CX Codex +1
1 300установок
refero-design скилл Задаёт исследовательский процесс для UI и продуктового дизайна: сначала референсы, затем код. Пригодится для лендингов, экранов, редизайна и полировки интерфейса.
CX Codex +1
12 000установок
preline-theme-generator скилл Генерирует CSS-темы для Preline UI из цветов бренда или настроения. Работает через локальные скрипты — не требует сети после установки.
CX Codex +1
1 300установок
visual-edit-precision скилл Скилл для целевых изменений UI, когда вы показываете элементы на скриншоте или указываете их прямо в коде. Меняет только то, что вы выделили, без рефакторинга всего компонента.
CX Codex
2 800установок
image скилл Превращает JSON-спецификации в SVG и PNG через Satori. Пригодится для OG-картинок, социальных карточек и рендера изображений по схемам от ИИ.
CX Codex +1
1 500установок
write-example скилл Задаёт правила создания демо-примеров в SDK tldraw: файловую структуру, разметку README.md и каркас компонентов на React.
CX Codex +1
445установок
huggingface-gradio скилл Скилл помогает создавать и редактировать веб-интерфейсы на Gradio в Python. Он пригодится при сборке демоверсий моделей, настройке макетов и чат-ботов.
CX Codex +1
2 300установок
zustand-5 скилл Скилл с паттернами управления состоянием в Zustand 5: базовые хранилища, селекторы, persist-middleware и разделение логики на слайсы. Помогает писать чистый реактивный код без лишних ре-рендеров.
CX Codex +1
911установок
text-and-bitmaptext скилл Скилл помогает ИИ-агенту выводить и настраивать текст в Phaser 4. Нужен при вёрстке интерфейса, настройке стилей и рендеринге шрифтов.
CX Codex +1
823установок
write-e2e-tests скилл Помогает писать Playwright E2E-тесты для tldraw: действия в интерфейсе, меню и фигуры на холсте. Нужен при добавлении тестов в примеры SDK или клиент tldraw.com.
CX Codex +1
430установок
game-object-components скилл Справочник по компонентам и миксинам игровых объектов в Phaser 4. Помогает агенту настраивать Transform, Depth и WebGL-эффекты.
CX Codex +1
800установок
control-ui скилл Скилл подключает локальную автоматизацию браузера или CDP для проверки интерфейсов веб-приложений и Electron. Помогает собирать скриншоты и профили производительности.
CX Codex +1
2 400установок
time-and-timers скилл Помогает настраивать таймеры, задержки и последовательности Timeline в Phaser 4. Пригодится при создании игровых циклов и анимаций.
CX Codex +1
792установок
react-email скилл Преобразует JSON-спецификации в HTML- и текстовые письма через React Email. Нужен для каталогов писем, шаблонов и описаний, созданных ИИ.
CX Codex +1
1 400установок
vue скилл Скилл для преобразования JSON-спецификаций в Vue 3 компоненты с привязкой данных, условиями видимости и обработкой действий. Нужен, если вы генерируете интерфейсы через ИИ или строите UI из JSON.
CX Codex +1
1 400установок
image-to-ui скилл Превратите скриншот, макет или эскиз в рабочий код интерфейса. Скилл смотрит на изображение, воспроизводит его точно в коде, затем рендерит и сравнивает, чтобы исправить различия.
CX Codex +1
63 500установок
userinterface-wiki скилл Справочник из 152 правил UI/UX для веб-интерфейсов. Скилл проверяет анимации, типографику, аудиофидбэк и паттерны UX, выдаёт ошибки с привязкой к строкам кода.
CX Codex +1
4 500установок
adaptive скилл Настраивает адаптивный интерфейс Android-приложений на Jetpack Compose под телефоны, планшеты, складные устройства и десктоп. Спасёт при переносе экрана на экраны разных размеров.
CX Codex +1
2 400установок
filters-and-postfx скилл Скилл обучает ассистента настройке шейдерных фильтров и постобработки в Phaser 4. Пригодится для добавления размытия, свечения и масок.
CX Codex +1
777установок
react19-source-patterns
официальный скилл Справочник для миграции React-исходников на React 19: API, ref, контекст и пропсы. Пригодится при обновлении существующего проекта.
967установок
anti-ui-slop
официальный скилл Скилл помогает создавать интерфейсы под конкретный продукт, а не собирать шаблонный UI. Пригодится для разработки, редизайна и проверки web- и iOS-экранов.
967установок
kill-ai-slop скилл Скилл находит и убирает визуальные и текстовые штампы, из-за которых сайт выглядит сгенерированным. Пригодится, когда лендинг или интерфейс кажется шаблонным и хочется человеческого вида.
CX Codex +1
3 200установок
render-textures скилл Скилл обучает агента работать с RenderTexture и DynamicTexture в Phaser 4: рисовать объекты в текстуру, использовать Stamp и настраивать командный буфер.
CX Codex +1
773установок
physics-matter скилл Скилл учит ИИ настраивать физику Matter.js в Phaser 4: твёрдые тела, ограничения, сенсоры и перетаскивание объектов мышью.
CX Codex +1
758установок
481–520 из 2 909
