NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
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установок
ppt-visual скилл Проектирует макеты слайдов, подбирает цвета и шрифты. Выдаёт текстовые спецификации и ASCII-схемы для презентаций.
CX Codex +1
12 100установок
figma-build скилл Собирает дизайн в подключённом Figma-файле из кода или описания и переиспользует его компоненты, переменные и стили. Пригодится для переноса экранов и UI-компонентов.
CX Codex +1
1 300установок
banana скилл Помогает планировать, генерировать и редактировать изображения через Google Gemini. Скилл запрашивает подтверждение перед каждым платным вызовом API.
CX Codex +1
912установок
webgl-3d-object скилл Добавляет в агент правила генерации трёхмерных объектов на Three.js с честным PBR-освещением, тенями и анимацией вместо псевдо-3D на CSS.
CX Codex +1
1 600установок
video-to-superprompt скилл Разбирает референсное видео и готовит подробный промпт для воссоздания интерфейса, анимаций и прокрутки. Пригодится перед сборкой страницы или приложения по видеодемо.
CX Codex +1
1 600установок
pricing-page скилл Помогает собрать или переписать страницу тарифов SaaS: структура, планы, тексты, FAQ и разметка под поиск и ИИ-ответы.
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установок
pixel-art скилл Скилл рисует пиксельные SVG-иллюстрации для README, документации и слайдов. Пригодится, когда нужна картинка-герой или милый персонаж без графического редактора.
CX Codex +1
548установок
create-canvas скилл Скилл собирает в проекте свободный холст, где варианты интерфейса или контента живут рядом, двигаются и сравниваются без перезагрузки страницы.
CX Codex +1
381установок
roku скилл Задаёт агенту правила дизайн-системы приложения: фиолетовая палитра, верхняя навигация, карточные раскладки. Пригодится, когда интерфейс нужно привести к одному виду.
CX Codex +1
2 000установок
power скилл Задаёт агенту правила тёмного интерфейса: крупные заголовки, монохромная палитра, токены и проверки доступности. Пригодится, когда нужен строгий вид без ручной вычитки стилей.
CX Codex +1
2 000установок
geometric скилл Задаёт правила геометрической дизайн-системы с нейтральными цветами и шрифтами Inter. Пригодится при сборке интерфейсных компонентов и гайдлайнов под WCAG 2.2 AA.
CX Codex +1
2 000установок
stitch скилл Скилл задаёт правила для интерфейсов с данными: токены, состояния компонентов, доступность и QA-проверки. Пригодится для согласованного UI.
CX Codex +1
2 000установок
web3d-integration-patterns скилл Скилл помогает проектировать 3D-сцены, где Three.js, React Three Fiber и библиотеки анимации работают вместе. Пригодится для scroll-driven и physics-based интерфейсов.
CX Codex +1
3 200установок
vantajs скилл Помогает добавить анимированный фон на Vanta.js и настроить его в статическом сайте, React или Next.js.
CX Codex +1
1 500установок
atmosphere-background скилл Скилл для генерации тёмного атмосферного фона: вертикальные световые складки медленно дрейфуют, свечение складывается в углу или у нижнего края.
CX Codex +1
1 500установок
editorial-tech скилл Задаёт правила вёрстки на стыке журнальной графики и строгого интерфейса: асимметричная сетка, панорамные медиа-полосы, моноширинные метки и один акцентный цвет.
CX Codex +1
1 500установок
css-alpha-masking скилл Скилл добавляет CSS-маски с градиентным исчезновением по краям. Пригодится для плавного скрытия краёв изображений, текста и контейнеров.
CX Codex +1
1 500установок
glass-dark-ui скилл Настраивает тёмный глассморфизм с матовыми панелями и градиентными рамками через CSS-маски. Пригодится для карточек, дашбордов и модальных окон в React или Tailwind.
CX Codex +1
1 500установок
build-threejs-scroll-worlds скилл Скилл помогает собирать интерактивные Three.js-миры, где нативный скролл ведёт через несколько сцен. Нужен для 3D-сторителлинга и пространственных веб-историй.
CX Codex +1
1 500установок
container-lines скилл Скилл добавляет тонкие вертикальные линии по краям контентного контейнера и мини-квадраты в углах секций. Пригодится, когда макет выглядит рыхлым и нужен каркас.
CX Codex +1
1 500установок
company-logos скилл Скилл настраивает добавление логотипов брендов через Iconify Simple Icons в сетке 64x64 вместо текстовых названий и случайных картинок.
CX Codex +1
1 500установок
marquee-loop скилл Скилл помогает собрать бесконечную бегущую строку из логотипов, отзывов или скриншотов. Пригодится для секций, где элементы должны прокручиваться по кругу без заметного стыка.
CX Codex +1
1 500установок
css-border-gradient скилл Добавляет в веб-интерфейс аккуратные градиентные рамки через CSS или Tailwind. Пригодится карточкам цен, модальным окнам и кнопкам, которым нужна сдержанная подсветка контура.
CX Codex +1
1 500установок
scroll-scrubbed-visual-sequence скилл Собирает обратимые визуальные сцены, управляемые прокруткой: от сборки продукта до смены состояний интерфейса. Пригодится для интерактивных hero-блоков и диаграмм.
CX Codex +1
1 500установок
unsplash-asset-images скилл Скилл подбирает фотографии Unsplash под аватары, хедшоты, фоны и обои и сразу называет нужные пропорции и разрешения.
CX Codex +1
1 600установок
scroll-world-storytelling скилл Скилл превращает статьи, кейсы и продуктовые истории в кинематографичные скролл-лендинги. Пригодится, когда вместо скучных блоков нужен связный визуальный мир.
CX Codex +1
1 600установок
601–640 из 2 133
