NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
cookie-debugging скилл Скилл для инспекции кук, сессий и ошибок аутентификации через Chrome DevTools MCP. Диагностирует 401/403, редиректы авторизации, проблемы с Set-Cookie и проверяет соответствие cookie consent.
CX Codex +1
870установок
extract-design скилл Скилл анализирует сайт по URL и собирает его дизайн-систему в файлы для разработки и дизайна. Пригодится, когда нужно перенести цвета, шрифты и другие решения сайта в проект.
CX Codex +1
2 900установок
ffmpeg скилл Готовые команды FFmpeg для конвертации, сжатия, обрезки видео и подготовки ассетов к проектам на Remotion.
CX Codex +1
11 700установок
remotion скилл Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду.
CX Codex +1
1 200установок
react-native скилл Скилл помогает собирать нативные React Native-интерфейсы из JSON-спецификаций. Пригодится для мобильных UI с состоянием, условиями видимости и действиями.
CX Codex +1
3 200установок
uizze-ui скилл Направляет агента при вёрстке интерфейсов, исправлении сетки и проверке состояний экрана. Пригодится, когда нужно доработать дизайн компонентов без выдумывания логики бэкенда.
CX Codex +1
144 000установок
ui скилл Скилл помогает собирать и дорабатывать интерфейсы с выразительной визуальной системой и проверкой по скриншотам. Нужен для страниц, компонентов и типографики.
CX Codex +1
4 300установок
material-ui-tailwind скилл Скилл помогает настроить Material UI вместе с Tailwind CSS и разобраться с порядком CSS-слоёв, классами компонентов и миграцией с Tailwind v3.
CX Codex +1
365установок
frontend-design скилл Учит агента создавать запоминающийся интерфейс вместо шаблонных макетов: выбирает эстетику, проверяет доступность и пишет чистый код.
CX Codex +1
2 600установок
design-guide скилл Скилл задаёт правила Paperclip для UI-компонентов, токенов, типографики и статусов. Пригодится при создании страниц и изменении фронтенда.
CX Codex +1
366установок
hairline-create скилл Генерирует интерактивную изометрическую векторную фигуру в стиле движка Hairline и упаковывает её в один автономный HTML-файл.
CX Codex +1
5 200установок
fullstack-dev скилл Пошаговый регламент для создания фулстек-приложений и интеграции бекенда с фронтендом. Задаёт архитектурный чек-лист от сбора требований до проверки сборки.
CX Codex +1
3 400установок
lottie-bodymovin скилл Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript.
CX Codex +1
1 100установок
visual-style скилл Создаёт, извлекает и переносит дизайн-системы через файлы visual-style.md. Помогает задать единую палитру, шрифты и сетку для видео, слайдов или макетов.
CX Codex +1
1 100установок
remotion-best-practices скилл Скилл подсказывает агенту, как работать с Remotion в React: от анимации и звука до композиций и параметров видео. Пригодится, когда агент пишет или меняет код Remotion.
CX Codex +1
1 500установок
paseo-plugin скилл Скилл помогает создавать и настраивать локальные плагины для Paseo: от интерфейсных панелей и слэш-команд до RPC и хуков жизненного цикла агентов.
CX Codex +1
1 400установок
gpui-kit скилл Скилл обучает ИИ-агентов правилам разработки десктопных приложений на Rust через крейт gpui-kit. Помогает собирать интерфейсы, настраивать фокус, темы и писать тесты.
CX Codex +1
1 000установок
frontend-dev скилл Скилл проектирует страницы с анимациями, медиафайлами от MiniMax и готовым текстом. Помогает собирать промо-сайты, витрины и дашборды.
CX Codex +1
3 200установок
audit-website скилл Запускает аудит сайта через утилиту squirrel, находит проблемы SEO, производительности и безопасности, а затем помогает пошагово править код проекта.
CX Codex +1
73 900установок
inspector-docs скилл Связывает документацию CopilotKit с рабочими панелями оверлея Inspector. Нужен при добавлении, переименовании или удалении вкладок в @copilotkit/web-inspector.
CX Codex +1
1 100установок
native-sdk скилл Скилл помогает ИИ-агенту создавать десктопные приложения через Native SDK на TypeScript и разметке .native. Нужен для настройки сборки, интерфейса и встроенной автоматизации.
CX Codex +1
1 500установок
senior-fullstack скилл Скилл направляет реализацию фич, которые затрагивают интерфейс, backend, базу данных и deployment. Проверяет целостность от запроса до ответа: контракты API, права доступа, валидация, миграции и откат.
CX Codex +1
2 300установок
javascript-pro скилл Скилл для написания, отладки и рефакторинга JavaScript кода с ES2023+, async/await, ESM модулями и Node.js API. Нужен, если вы строите vanilla JavaScript приложения или оптимизируете производительность в браузере и Node.js.
CX Codex +1
6 100установок
gpui-kit-design-guides скилл Скилл передаёт агенту обязательные правила дизайна десктопных приложений на GPUI Kit. Пригодится при проектировании новых экранов, правке интерфейсов и проверке вёрстки по чек-листам.
CX Codex +1
987установок
threejs-textures скилл Скилл для работы с текстурами Three.js: загрузка изображений, UV-координаты, кубмапы, HDR-среды и оптимизация. Пригодится при создании 3D-сцен с материалами, скайбоксами и отражениями окружения.
CX Codex +1
1 000установок
threejs-interaction скилл Набор готовых инструкций по настройке raycasting, контроллеров камеры и событий мыши или тачскрина в Three.js. Помогает внедрить выбор 3D-объектов по клику.
CX Codex +1
1 100установок
threejs-geometry скилл Сборник шаблонов для создания сеток и геометрии в Three.js. Пригодится при настройке стандартных фигур, параметрических мешей и кастомных буферов.
CX Codex +1
1 100установок
threejs-postprocessing скилл Скилл помогает агенту добавлять в Three.js постобработку: свечение, размытие, глубину резкости и экранные эффекты. Пригодится для настройки визуального пайплайна.
CX Codex +1
1 100установок
threejs-loaders скилл Скилл для работы с Three.js: загружает GLTF-модели, текстуры, HDR-среды и управляет прогрессом загрузки через LoadingManager. Пригодится, если в проекте нужно добавить 3D-сцены или работать с моделями из Blender.
CX Codex +1
1 100установок
threejs-materials скилл Справочник по материалам Three.js: PBR, базовые, фонговские, кастомные шейдеры. Помогает быстро выбрать нужный материал для сетки, настроить текстуры и оптимизировать рендеринг.
CX Codex +1
1 100установок
threejs-animation скилл Скилл помогает агенту работать с анимацией в Three.js: ключевыми кадрами, костями, morph targets и смешиванием клипов. Нужен при создании движения и запуске GLTF-анимаций.
CX Codex +1
1 100установок
threejs-lighting скилл Набор инструкций по настройке источников света и теней в Three.js. Помогает подобрать подходящие типы ламп, настроить карты теней и устранить артефакты рендеринга.
CX Codex +1
1 100установок
threejs-fundamentals скилл Скилл помогает собирать Three.js-сцены, настраивать камеры и рендерер, а также управлять иерархией объектов и трансформациями.
CX Codex +1
1 100установок
threejs-shaders скилл Скилл помогает писать шейдеры для Three.js: менять вершины, собирать фрагментные эффекты и расширять материалы. Пригодится для кастомной графики.
CX Codex +1
1 100установок
sketch скилл Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код.
CX Codex +1
403установок
better-icons скилл Ищет векторные значки в 200 каталогах через Iconify и скачивает SVG прямо из терминала или через вызовы агента.
CX Codex +1
5 900установок
unit-test-vue-pinia
официальный скилл Помогает писать и проверять юнит-тесты для Vue 3, TypeScript, Vitest и Pinia. Пригодится, когда тесты уже есть, но лезут во внутренности компонентов.
1 800установок
nextjs-developer скилл Скилл настраивает архитектуру приложений на Next.js 14+ с App Router, серверными компонентами и Server Actions. Помогает внедрить потоковый SSR и подготовить проект к деплою.
CX Codex +1
5 800установок
logo-generator скилл Создаёт SVG-логотипы с минимум шестью вариантами дизайна и формирует презентационные изображения с 12 профессиональными фонами через Gemini API.
CX Codex +1
3 900установок
superdesign скилл Создаёт и дорабатывает интерфейсы, презентации и графику на холсте Superdesign. Пригодится для новых макетов и сравнения вариантов от разных моделей.
CX Codex +1
11 200установок
401–440 из 2 909
