NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
expo-project-structure скилл Скилл задаёт эталонную структуру папок для нового проекта на Expo Router. Помогает разложить экраны, серверные маршруты и компоненты без мусора в корне.
CX Codex +1
22 000установок
emilkowalski-motion скилл Добавляет микровзаимодействия, переходы состояний и анимацию к готовому интерфейсу. Работает после того, как макет или компонент уже собран.
CX Codex +1
2 300установок
threejs-interaction скилл Скилл учит агента настраивать выбор объектов, перемещение по плоскости и управление камерой в three.js для WebGL и WebGPU.
CX Codex +1
14 300установок
antislop-human скилл Скилл для ИИ-агентов, который проверяет UI на доступность: контраст текста, фокус клавиатуры, состояния элементов. Включает скрипт проверки контраста по WCAG AA.
CX Codex +1
5 900установок
expo-dom скилл Запускает веб-код в webview на нативных платформах и рендерит как есть на вебе. Позволяет использовать веб-библиотеки вроде recharts или react-syntax-highlighter в Expo без переписывания.
CX Codex +1
21 000установок
antislop-layoutmobile скилл Скилл проверяет мобильную и адаптивную вёрстку: перенос колонок, брейкпоинты, размеры и переполнение. Нужен при работе с интерфейсами.
CX Codex +1
5 700установок
threejs-postprocessing скилл Скилл добавляет в Three.js цепочки постобработки: bloom, глубину резкости, ambient occlusion и пользовательские экранные шейдеры. Пригодится, когда нужны визуальные эффекты, цветокоррекция или размытие на WebGL и WebGPU.
CX Codex +1
13 700установок
streamdown скилл Рендерит Markdown в React-компонентах с поддержкой потокового вывода от ИИ-агентов, подсветкой синтаксиса Shiki, диаграммами Mermaid и формулами KaTeX.
CX Codex +1
3 200установок
threejs-lighting скилл Скилл содержит правила настройки света, теней и физических единиц в Three.js r186. Он помогает выставить параметры для WebGLRenderer или WebGPURenderer.
CX Codex +1
13 300установок
vue-options-api-best-practices скилл Помогает писать компоненты Vue 3 в стиле Options API и разбирать типичные ошибки с TypeScript, методами и хуками жизненного цикла.
CX Codex +1
11 600установок
conversion-tracking скилл Скилл настраивает и проверяет отслеживание конверсий в рекламе и аналитике. Помогает найти ошибки дублирования, расхождения данных и починить события лидов или покупок.
CX Codex +1
3 400установок
expo-app-clip скилл Добавляет iOS App Clip к проекту на Expo — лёгкую версию приложения, которая запускается по URL без установки из App Store.
CX Codex +1
19 800установок
expo-web-to-native скилл Помогает перенести существующее React-приложение с веба в нативное iOS/Android-приложение на Expo. Нужен для поэтапной миграции экранов.
CX Codex +1
19 600установок
claude-design скилл Скилл для сборки HTML-артефактов — лендингов, прототипов, деков — в Claude Code, Codex и Cursor. Читает контекст проекта и собирает самодостаточный файл с вёрсткой и стилями.
CX Codex +1
645установок
threejs-loaders скилл Скилл обучает ИИ загружать 3D-модели glTF, текстуры и HDR-карты в three.js r186. Пригодится при настройке ассетов, цветовых пространств и шкалы прогресса для WebGL или WebGPU.
CX Codex +1
12 900установок
threejs-textures скилл Скилл помогает настраивать загрузку изображений, цветовые пространства и типы текстур в Three.js r186. Пригодится при сборке материалов для WebGL или WebGPU.
CX Codex +1
12 600установок
uncodixfy скилл Учит агента не генерировать типичный «кодексовый» интерфейс: без градиентов, плавающих панелей и декоративных заголовков. Пригодится, когда фронтенд от ИИ выглядит слишком шаблонно.
CX Codex +1
5 600установок
ui-ux-pro-max скилл Подбирает дизайн-системы, палитры и шрифтовые пары под стек и тип продукта через локальную базу правил. Пригодится при вёрстке интерфейсов и проверке доступности.
CX Codex +1
948установок
building-components скилл Помогает проектировать доступные UI-компоненты, их API, темы и документацию.
CX Codex +1
14 700установок
create-design-md скилл Генерирует и обновляет файл DESIGN.md на основе репозитория или открытого сайта. Нужен, чтобы передать кодинг-агентам точный дизайн-контекст интерфейса.
CX Codex +1
4 400установок
debugging-streamlit скилл Скилл запускает отладку приложений и компонентов Streamlit через команду make debug с горячей перезагрузкой, сбором логов и скриншотами через Playwright.
CX Codex +1
493установок
design-dna скилл Разбирает референсы на токены, стиль и визуальные эффекты, затем применяет профиль к макету. Нужен для работы со скриншотами, изображениями и URL.
CX Codex +1
6 500установок
image-to-code скилл Скилл для задач, где важна картинка: сначала сам генерирует дизайн-макеты, разбирает их, потом пишет фронтенд по этим референсам.
CX Codex +1
1 800установок
gpt-taste скилл Задаёт правила вёрстки лендингов: убирает шаблонные сетки, ограничивает длину H1 двумя строками и добавляет анимации на GSAP.
CX Codex +1
1 800установок
redesign-existing-projects скилл Аудитирует существующий интерфейс и точечно перерабатывает сайт или приложение, сохраняя рабочую логику. Нужен, когда UI выглядит шаблонно или теряет визуальную иерархию.
CX Codex +1
1 900установок
export-download-debugging скилл Помогает находить и чинить ошибки выгрузки файлов в браузерах и Electron, когда сохраняются пустые файлы в 0 КБ. Пригодится при сбоях File System Access API и blob-ссылок.
CX Codex +1
1 800установок
ui-ux-designer скилл Скилл помогает проектировать интерфейсы, пользовательские потоки и дизайн-системы с учётом исследований и доступности. Пригодится для редизайна и проверки состояний интерфейса.
CX Codex +1
3 100установок
expo-design-system скилл Помогает выстроить дизайн-систему в приложении на Expo: организовать токены, вынести общие компоненты и убрать расхождения в стилях.
CX Codex +1
16 700установок
p5js скилл Создаёт браузерные скетчи на p5.js: генеративное искусство, интерактивные визуализации, 3D-сцены с WebGL, audio-reactive графика. Экспорт в PNG, GIF, MP4 или SVG.
CX Codex +1
535установок
minimalist-ui скилл Задаёт правила минималистичного редакционного интерфейса с палитрой тёплого монохрома и сетками бенто. Срабатывает только при явном вызове по имени.
CX Codex +1
395установок
industrial-brutalist-ui скилл Скилл задаёт жёсткие правила визуального стиля для дашбордов, портфолио и редакционных сайтов. Механика, плотные сетки, моноширинные шрифты и эффекты старого железа.
CX Codex +1
1 700установок
design-taste-frontend-v1 скилл Оригинальная первая версия скилла с жёсткими правилами вёрстки для React и Next.js. Пригодится проектам, которым нужна точная обратная совместимость со старым поведением генератора.
CX Codex +1
1 700установок
imagegen-frontend-mobile скилл Генерирует premium mobile-экраны и флоу для iOS, Android и кросс-платформы с чистой иерархией, читаемым текстом и контролируемой палитрой.
CX Codex +1
1 700установок
imagegen-frontend-web скилл Скилл задаёт арт-дирекшн для генерации референсов веб-дизайна. Он следит за вёрсткой, запрещая склеивать экран в один длинный макет.
CX Codex +1
1 700установок
angular-new-app скилл Скилл для быстрого создания нового Angular-приложения с помощью Angular CLI. Проверяет окружение, генерирует проект с нужными флагами и направляет разработку по лучшим практикам Angular.
CX Codex +1
19 300установок
design-md скилл Скилл помогает создавать и проверять спецификации DESIGN.md с токенами дизайна, а затем экспортировать их в форматы Tailwind и W3C DTCG.
CX Codex +1
523установок
ce-test-browser скилл Запускает браузерные тесты для страниц, затронутых текущей веткой или pull request. Определяет порт dev-сервера и проверяет интерактивность интерфейса.
CX Codex +1
3 000установок
react-expert скилл Исследует API и концепции React по исходникам, тестам и пуллреквестам фреймворка. Помогает собрать точные примеры без устаревших галлюцинаций модели.
CX Codex +1
1 300установок
chatgpt-app-builder скилл Ведёт по всему циклу создания плагина ChatGPT: от идеи до публикации. Пригодится, когда нужно собрать MCP-сервер с UI для ChatGPT на Skybridge.
CX Codex +1
7 100установок
seo-review скилл Проводит SEO-аудит обучающих страниц по JavaScript и проверяет шансы попасть в блоки с ответами поисковиков.
CX Codex +1
644установок
361–400 из 2 909
