NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
vintage скилл Формирует дизайн-системы в ретро-стиле со скевоморфизмом, пиксельными шрифтами и строгими требованиями доступности для фронтенд-компонентов.
CX Codex +1
2 300установок
cafe скилл Скилл задаёт дизайн-систему для интерфейсов в стиле уютного кафе. Он пригодится, когда агенту нужны правила цветов, типографики, компонентов и доступности.
CX Codex +1
2 300установок
flat скилл Задаёт агенту правила плоского дизайна: токены, типографику, состояния компонентов и доступность. Пригодится, когда нужен единый стиль интерфейса без 3D-эффектов.
CX Codex +1
2 400установок
dramatic скилл Задаёт правила дизайн-системы с высоким контрастом, тёмным фоном и шрифтом Outfit. Помогает генерировать спецификации компонентов по стандарту WCAG 2.2 AA.
CX Codex +1
2 300установок
ant скилл Скилл задаёт агенту правила дизайн-системы Ant: токены, состояния компонентов, доступность. Пригодится на плотных интерфейсах с таблицами и формами.
CX Codex +1
2 400установок
cosmic скилл Задаёт футуристичный научно-фантастический стиль с неоновыми акцентами для дизайн-систем. Помогает генерировать спецификации компонентов по правилам WCAG 2.2 AA.
CX Codex +1
2 400установок
artistic скилл Задаёт агенту правила художественного интерфейса: высокий контраст, выразительные шрифты, смелая палитра. Пригодится, когда нужен заметный визуал, а не очередной серый дашборд.
CX Codex +1
2 400установок
friendly скилл Скилл задаёт агенту правила дружелюбного интерфейса: скруглённые элементы, много воздуха, пастельная палитра. Пригодится, когда нужен UI без резких углов и кислотных акцентов.
CX Codex +1
2 400установок
bold скилл Скилл настраивает агента на генерацию правил дизайн-системы с плотной типографикой и стандартом WCAG 2.2 AA. Пригодится при сборке UI-компонентов.
CX Codex +1
2 400установок
gradient скилл Скилл задаёт правила для интерфейсов с плавными цветовыми переходами: токены, типографика, состояния компонентов и требования доступности.
CX Codex +1
2 400установок
colorful скилл Скилл задаёт агенту правила дизайн-системы: контрастные палитры, токены, состояния компонентов и критерии доступности. Пригодится, когда нужен единый стиль интерфейса.
CX Codex +1
2 400установок
creative скилл Задаёт правила дизайн-системы для лендингов с акцентной типографикой Bangers и яркой графикой. Помогает агенту генерировать интерфейсы по стандарту WCAG 2.2 AA.
CX Codex +1
2 400установок
doodle скилл Скилл задаёт игровой doodle-стиль для интерфейсов: рукописные шрифты, наброски и неровные линии. Пригодится для дизайн-систем и UI-гайдов.
CX Codex +1
2 400установок
spacious скилл Задаёт агенту правила вёрстки с щедрыми отступами, сеткой 8pt и токенами цветов. Пригодится, когда интерфейс получается тесным и неаккуратным.
CX Codex +1
2 400установок
paper скилл Задаёт правила дизайн-системы Paper Design с палитрой, шрифтами Roboto и Montserrat и проверками доступности. Пригодится при вёрстке строгих интерфейсов.
CX Codex +1
2 400установок
futuristic скилл Скилл задаёт футуристичную систему дизайна: типографику, токены, состояния компонентов и правила доступности. Пригодится для UI-гайдов и ревью интерфейсов.
CX Codex +1
2 400установок
trees скилл Помогает настроить интерактивное дерево файлов на базе @pierre/trees. Пригодится для рендеринга дерева в React, vanilla JS, веб-компонентах или SSR.
CX Codex +1
307установок
tailwindcss скилл Скилл для ИИ-агента, который помогает верстать интерфейсы на Tailwind CSS: сетки, типографика, адаптив, темы и паттерны компонентов.
CX Codex +1
1 700установок
optimize-web-animations скилл Останавливает фоновую анимацию вне экрана и устраняет утечки памяти во фронтенде. Пригодится, когда страница с CSS, Canvas или WebGL нагружает процессор и тормозит скролл.
CX Codex +1
1 700установок
progressive-blur скилл Скилл создаёт верхний или нижний градиентный blur в CSS через слои backdrop-filter. Пригодится для мягкого затемнения края экрана.
CX Codex +1
1 700установок
cobejs скилл Скилл помогает агенту собрать лёгкий вращающийся глобус с метками на cobe, без полного three.js. Пригодится для hero-блока или страницы «о нас».
CX Codex +1
1 700установок
native-feel-cross-platform-desktop скилл Скилл для проектирования кросс-платформенных десктопных приложений, которые ощущаются нативными: окна, хоткеи, материалы, запуск.
CX Codex +1
608установок
anti-ui-slop скилл Не даёт агенту выдать типовой интерфейс: разбирает экран по контексту продукта, закрывает обязательные состояния и проверяет результат на явные дефекты.
CX Codex +1
475установок
sega скилл Задаёт правила аркадного ретро-интерфейса: пиксельный шрифт VT323, нулевые скругления и кнопки с физическим смещением. Пригодится при сборке дизайн-систем для игр и стилизованных веб-приложений.
CX Codex +1
2 200установок
matrix скилл Скилл задаёт правила для тёмного Matrix-интерфейса: токены, компоненты, состояния и требования доступности. Пригодится для UI-гайдов и ревью.
CX Codex +1
2 200установок
riso скилл Задаёт агенту правила дизайн-системы в стиле двухцветной ризограф-печати: тёплая бумага, розовый акцент, синие заголовки.
CX Codex +1
2 200установок
fiction скилл Скилл задаёт правила дизайн-системы Fiction в стиле детских книг: тёплый кремовый фон, шрифт Cossette Texte, толстые чёрные контуры и стандарт доступности WCAG 2.2 AA.
CX Codex +1
2 200установок
terracotta скилл Скилл задаёт ИИ-агенту правила дизайн-системы Terracotta: кремовые поверхности, тёмно-коричневые заголовки антиквой и один терракотовый акцент.
CX Codex +1
2 300установок
impeccable скилл Скилл задаёт агенту правила дизайн-системы: токены, типографику, состояния компонентов и проверку доступности. Пригодится, когда нужен единый визуальный язык в проекте.
CX Codex +1
2 300установок
codex скилл Скилл задаёт строгий минималистичный стиль интерфейса и генерирует спецификации дизайн-системы по стандарту WCAG 2.2 AA.
CX Codex +1
2 300установок
sketch скилл Скилл задаёт правила дизайн-системы для интерфейсов в стиле ручного скетча. Пригодится для UI-гайдов с токенами, состояниями компонентов и проверяемой доступностью.
CX Codex +1
2 300установок
blender-web-pipeline скилл Скилл настраивает экспорт 3D-моделей из Blender в веб-формат glTF 2.0. Он помогает автоматизировать сжатие геометрии, запекание текстур и пакетную обработку сцен.
CX Codex +1
3 500установок
figma-build скилл Собирает дизайн в подключённом Figma-файле из кода или описания и переиспользует его компоненты, переменные и стили. Пригодится для переноса экранов и UI-компонентов.
CX Codex +1
1 300установок
swiftui-animation скилл Скилл помогает настраивать анимации в SwiftUI. Он подсказывает подходящие API для пружин, фазовых переходов и соблюдения правил доступности.
CX Codex +1
5 400установок
webgl-3d-object скилл Добавляет в агент правила генерации трёхмерных объектов на Three.js с честным PBR-освещением, тенями и анимацией вместо псевдо-3D на CSS.
CX Codex +1
1 600установок
video-to-superprompt скилл Разбирает референсное видео и готовит подробный промпт для воссоздания интерфейса, анимаций и прокрутки. Пригодится перед сборкой страницы или приложения по видеодемо.
CX Codex +1
1 600установок
webgl-landing-steering скилл Скилл помогает выбрать визуальное направление, стек Three.js и ограничения производительности для лендинга с WebGL до написания кода.
CX Codex +1
1 600установок
masked-reveal скилл Скилл добавляет появление слов через маску при прокрутке с GSAP ScrollTrigger. Подходит для заголовков, hero-текста и коротких вводных блоков.
CX Codex +1
1 600установок
nuxt-seo скилл Помогает агенту настроить SEO в Nuxt: robots, карту сайта, OG-изображения и структурированные данные. Пригодится при работе с @nuxtjs/seo.
CX Codex +1
3 100установок
stripe-apps скилл Помогает создавать и проверять Stripe Apps, настраивать UI для панели управления и кастомные скрипты биллинга.
CX Codex +1
1 500установок
761–800 из 2 909
