NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
globe-particles скилл Создаёт трёхмерную визуализацию сферы и орбитального кольца из светящихся частиц на WebGL и Three.js. Пригодится для космических тем и витрин данных.
CX Codex +1
1 400установок
agency-grid-layout-minimal скилл Задаёт направление для минималистичного сайта агентства: строгая сетка, крупная типографика и сдержанные изображения. Пригодится при сборке редакционного интерфейса без карточной перегрузки.
CX Codex +1
1 400установок
unicorn-studio скилл Помогает встроить интерактивные WebGL-сцены из Unicorn Studio на сайт: контейнер, адаптивный размер, производительность, слои с текстом и видео.
CX Codex +1
1 400установок
skeuomorphic-ui скилл Скилл генерирует CSS для скевоморфных веб-интерфейсов: объёмных кнопок, переключателей и панелей. Пригодится, когда карточкам и контролам нужна тактильная глубина без глянца.
CX Codex +1
1 400установок
background-grid-webgl скилл Скилл для ИИ-агента, который рисует перспективную WebGL-сетку на фоне: тонкие линии, лёгкая пыль частиц, медленный дрейф вперёд.
CX Codex +1
1 500установок
finesse-ui скилл Скилл для сборки и доводки веб-интерфейсов: лендинги, дашборды, мобильные экраны, отдельные компоненты. Следит за типографикой, цветом и анимацией.
CX Codex +1
1 000установок
replica-diff скилл Оценивает готовность клона приложения к оригиналу: считает паритет функций по матрице и находит структурные отличия в вёрстке без учёта цветов.
CX Codex +1
625установок
epic-design скилл Скилл для Claude Code, который собирает кинематографичные страницы: скролл-сторителлинг, параллакс по слоям, анимация текста. WebGL не нужен.
701установок
nuxt-modules скилл Скилл помогает создавать модули для Nuxt: локальные расширения в папке modules/, пакеты для npm, серверные роуты и плагины с настройкой тестов и CI/CD.
CX Codex +1
2 700установок
replica-build скилл Собирает приложение экран за экраном по карте разведки: сначала оболочка, потом сквозной поток, потом каждый экран со всеми состояниями. Пригодится, когда нужно повторить чужой продукт своим кодом.
CX Codex +1
622установок
data-visualization скилл Помогает агенту выбрать тип графика и настроить оси, подписи и цвета так, чтобы диаграмма читалась без легенды.
CX Codex +1
2 400установок
layout-grid скилл Скилл задаёт адаптивную сетку страницы: колонки, отступы между ними, поля и поведение на брейкпоинтах. Пригодится, когда верстаете структуру с нуля.
CX Codex +1
2 400установок
icon-system скилл Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. Пригодится при наведении порядка в дизайн-системе проекта.
CX Codex +1
2 400установок
dark-mode-design скилл Скилл переводит готовую светлую палитру в тёмную тему: уровни поверхностей, контраст, приглушение ярких цветов. Нужен, когда светлые токены уже есть.
CX Codex +1
2 400установок
use-igniteui-blazor скилл Скилл помогает подключить и настроить библиотеки Ignite UI for Blazor Lite в проектах на .NET 8.0 и новее. Он проверяет зависимости, стили и интерактивный режим.
CX Codex +1
1 500установок
scandinavian-design скилл Скилл помогает пересмотреть интерфейс в спокойной скандинавской эстетике: сдержанная палитра, понятная иерархия и меньше украшений. Запросите применение, разбор или варианты прототипа.
CX Codex +1
1 800установок
spline-interactive скилл Справочник по интеграции 3D-сцен Spline в веб-проекты. Помогает встроить интерактивную графику в React без ручного написания WebGL-кода.
CX Codex +1
2 800установок
gsap-scrolltrigger скилл Скилл, который помогает агенту писать анимации на GSAP и скролл-эффекты на ScrollTrigger: твины, таймлайны, пиннинг, параллакс.
CX Codex +1
2 800установок
awwwards скилл Собирает сайт-портфолио или лендинг из одной фразы, держа планку сайтов, которые побеждают на Awwwards.
CX Codex +1
1 300установок
ux-writing скилл Пишет и правит подписи кнопок, ошибки, уведомления и тексты пустых состояний по четырём критериям: цель, краткость, разговорность, ясность.
CX Codex +1
2 700установок
swiftui-patterns скилл Помогает строить и проверять SwiftUI-представления: состояние, композицию, окружение и изолированные превью. Нужен при рефакторинге экранов и работе с @Observable.
CX Codex +1
4 500установок
responsive-design скилл Скилл для ИИ-агента, который помогает проектировать макеты и взаимодействия под разные размеры экрана и способы ввода.
CX Codex +1
2 300установок
spacing-system скилл Задаёт шкалу отступов на базе 4px или 8px и правила её применения в UI. Помогает навести порядок в padding и margin компонентов.
CX Codex +1
2 300установок
presentation-creator скилл Создаёт интерактивные слайды на React и Vite в стиле Sentry. Нужен для презентаций с реальными метриками, диаграммами и навигацией по слайдам.
CX Codex +1
2 900установок
react-devtools скилл Скилл подключает агента к запущенному React или React Native приложению и отдаёт дерево компонентов, пропсы, хуки и данные профайлера.
CX Codex +1
2 600установок
animejs скилл Скилл для ИИ-агента, который подсказывает синтаксис Anime.js: таймлайны, stagger, морфинг SVG и покадровые последовательности.
CX Codex +1
2 800установок
apple-hig-expert скилл Проверяет интерфейсы iOS, macOS, watchOS и visionOS по Apple HIG. Пригодится для аудита макетов и проектирования нативного UI.
662установок
build-game-audio-feedback скилл Помогает агенту спроектировать звуковые подсказки для Three.js или браузерной игры: попадания, блоки, музыка по состояниям.
CX Codex +1
1 300установок
optimize-threejs-games скилл Скилл для профилирования и ускорения игр на Three.js и WebGL: находит, что тормозит — процессор или видеокарта, и чинит без потери геймплея.
CX Codex +1
1 300установок
liquid-metal-border скилл Добавляет и настраивает анимированные WebGL-рамки из metal-fx для кнопок, карточек и выбранных элементов React-интерфейса.
CX Codex +1
1 300установок
beam-glow-states скилл Скилл для React-интерфейсов: подключает анимированное свечение границ из пакета border-beam к состояниям загрузки, выбора и фокуса.
CX Codex +1
1 300установок
no-ai-design-slop скилл Пассивный фильтр качества дизайна: ловит рефлекторные решения и типовые дефекты интерфейса, пока вы пишете или правите UI.
CX Codex +1
1 300установок
documentary-brutalist-agency скилл Скилл для вёрстки сайтов креативных агентств и портфолио: жёсткая типографика, чёрно-белые главы, документальные коллажи.
CX Codex +1
1 300установок
thinking-orbs скилл Обучает агента внедрять анимированные Canvas-индикаторы статуса нейросети из библиотеки thinking-orbs в React 18+. Пригодится при оформлении чатов и поисковых интерфейсов.
CX Codex +1
1 300установок
editorial-service-booking скилл Помогает спроектировать сайт услуг с записью: от редакционной подачи процедур до устойчивого сценария выбора времени.
CX Codex +1
1 300установок
operational-enterprise-ai скилл Скилл для вёрстки и переделки страниц enterprise-продуктов: границы системы, согласования, аудит, исключения и откат.
CX Codex +1
1 300установок
browser-video-recording скилл Собирает демо-видео интерфейса в 4K 60 fps с пропорциями 4:3 из снимков браузера. Пригодится для показа кликов и плавного зума в стиле Dribbble.
CX Codex +1
1 300установок
add-shader-cursor-trail скилл Добавляет в проект hero-эффект на WebGPU: белый мерцающий полутоновый след за курсором с хроматическими волнами и плёночным зерном. С откатом на статичный кадр.
CX Codex +1
1 300установок
shaders-cursor-ripples скилл Встраивает водяную рябь на WebGPU поверх изображений с помощью библиотеки shaders. Помогает заменить устаревший CSS-эффект прожектора без поломки вёрстки и доступности.
CX Codex +1
1 400установок
swiftui-navigation скилл Скилл обучает ассистента строить типобезопасную навигацию в SwiftUI: от стеков со строгими маршрутами до модальных окон и вкладок. Пригодится при проектировании переходов для iOS и macOS.
CX Codex +1
4 400установок
881–920 из 2 909
