NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
staggered-word-reveal скилл Создаёт пословное появление короткого текста при прокрутке. Подходит для заголовков, подзаголовков, цитат и вступительных блоков.
CX Codex +1
1 600установок
typography-scale скилл Строит модульную типографическую шкалу: размеры, насыщенность, межстрочный интервал. Пригодится, когда верстаете дизайн-систему с нуля.
CX Codex +1
2 600установок
bencium-impact-designer скилл Создаёт фронтенд-интерфейсы с выраженным визуальным направлением. Нужен для компонентов, страниц и веб-приложений, когда типовой стиль не подходит.
CX Codex +1
5 400установок
square скилл Скилл задаёт агенту правила дизайн-системы Square: токены, типографику, состояния компонентов и критерии доступности. Пригодится, когда интерфейс надо привести к одному стилю.
CX Codex +1
2 000установок
pulse скилл Задаёт правила дерзкой дизайн-системы Pulse с рамками 4px, яркой оранжевой палитрой и шрифтом Limelight. Помогает писать дизайн-гайды и проверять компоненты на WCAG 2.2 AA.
CX Codex +1
2 000установок
basic скилл Скилл задаёт редакционный дизайн для книг, журналов и отчётов: сетку, типографику, токены и правила доступности. Пригодится для UI с печатной эстетикой.
CX Codex +1
2 000установок
color-system скилл Скилл собирает палитру продукта: тональные шкалы, семантические роли и проверку контраста по WCAG. Пригодится, когда цвета задают с нуля или переделывают.
CX Codex +1
2 500установок
illustration-style скилл Скилл помогает составить стайлгид иллюстраций: фиксирует визуальный язык, правила палитры и ограничения размеров. Пригодится при заказе графики или стандартизации визуала.
CX Codex +1
2 500установок
visual-hierarchy скилл Скилл выстраивает визуальную иерархию интерфейса через размер, насыщенность, цвет, отступы и позицию. Пригодится при создании новых экранов.
CX Codex +1
2 500установок
paper-poster скилл Устаревший скилл перенаправляет запросы к /paper-poster-html. Он нужен для сохранения старого вызова, но не для создания новых постеров.
CX Codex +1
499установок
animated-component-libraries скилл Скилл помогает добавлять готовые анимированные React-компоненты из Magic UI и React Bits. Пригодится при вёрстке лендингов, дашбордов и промо-страниц без ручной сборки анимаций на Framer Motion.
CX Codex +1
2 900установок
modern-web-design скилл Скилл-методичка по веб-дизайну 2024-2025: тренды, микровзаимодействия, скроллителлинг, доступность и производительность. Пригодится, когда агент верстает интерфейс.
CX Codex +1
2 900установок
lottie-animations скилл Скилл, который помогает агенту подключать Lottie-анимации из After Effects в веб и React: выбирать библиотеку, ставить плееры и управлять воспроизведением.
CX Codex +1
2 900установок
replica-design скилл Воссоздаёт дизайн-систему приложения по скриншотам для клона: токены, стили и спецификации компонентов. Нужен, когда интерфейс должен повторить структуру и поведение исходного.
CX Codex +1
630установок
demo-video скилл Превращает описания сцен и скриншоты в готовые демо-ролики или GIF с озвучкой и анимацией прямо в Claude Code.
708установок
editorial-portfolio-chapters скилл Скилл для сайтов креативных студий, агентств, фотографов и художников: работа ведёт рассказ, а не блок «о нас». Пригодится, когда портфолио нужно собрать как серию журнальных глав.
CX Codex +1
1 400установок
product-proof-saas скилл Скилл для лендингов SaaS и ИИ-продуктов, где главное доказательство — реальный интерфейс или размеченный демо-сценарий, а не атмосферные картинки.
CX Codex +1
1 400установок
funky-purple-container-tech скилл Задаёт правила для тёмного интерфейса с фиолетовыми акцентами, чёткими рамками контейнеров и футуристичными деталями. Помогает агенту верстать экраны в едином стиле.
CX Codex +1
1 400установок
ambient-section-particles скилл Скилл добавляет сдержанную атмосферу из частиц внутри одной секции страницы: лепестки, снег, искры, конфетти. Контент остаётся читаемым.
CX Codex +1
1 400установок
reveal-hover-effect скилл Скилл строит эффект «фонарика»: под курсором проявляется второе изображение через мягкую радиальную маску. Пригодится для ховер-раскраски, до/после и x-ray.
CX Codex +1
1 400установок
scroll-progress-timeline скилл Превращает упорядоченный список шагов в интерактивную шкалу процесса со скроллом. Подходит для онбординга, чекаута, дорожных карт и историй в вебе.
CX Codex +1
1 400установок
daily-ui-inspiration-capture скилл Собирает датированный набор UI-референсов для статьи: изображения, видео, кадры движения и промпты для AI-билдера. Пригодится для повторяемого сбора вдохновения.
CX Codex +1
1 400установок
framed-tech-dark-border-gradient скилл Скилл задаёт ИИ-агенту направление тёмного технического дизайна: рамки, градиентные границы, асимметричные панели и монохромная типографика.
CX Codex +1
1 400установок
solar-duotone-bold скилл Набор инструкций для оформления интерфейса иконками Iconify Solar Duotone Bold. Пригодится, когда обычные контурные значки выглядят слишком просто и нужен двухтоновый акцент.
CX Codex +1
1 400установок
orange-clean-paper-saas скилл Задаёт ИИ-агенту направление дизайн-системы: тёплые бумажные тона, оранжевый акцент, скруглённые формы и продуктовые иллюстрации.
CX Codex +1
1 400установок
dark-blue-contrasting-clean скилл Задаёт ИИ-агенту направление дизайн-системы: почти чёрная навигационная основа, кобальтовые акцентные блоки, белая типографика и тонкие рамки.
CX Codex +1
1 400установок
bright-green-tech-system-webgl скилл Скилл настраивает техническую дизайн-систему с тёмным фоном, угловыми скобками, акцентным зелёным цветом и витриной WebGL для консолей или инженерных панелей.
CX Codex +1
1 400установок
nested-container-clean-agency скилл Задаёт ИИ-агенту направление дизайна: внешняя редакционная оболочка, тёмные врезные блоки, скруглённые карточки и сдержанный акцентный цвет.
CX Codex +1
1 400установок
glass-dark-mode-clock скилл Задаёт дизайн-систему тёмного стекла: матовые панели, сетка лучей и круглый циферблат-калибратор в центре страницы.
CX Codex +1
1 400установок
tech-green-dark-mode-modern скилл Задаёт правила для тёмного интерфейса с изумрудными акцентами, матовыми поверхностями и моноширинными метками. Помогает оформить технические дашборды без ухода в неоновый киберпанк.
CX Codex +1
1 400установок
corner-lasers скилл Создаёт угловую композицию из тонких лазерных лучей, яркого источника и атмосферного свечения. Нужен для интерфейсов и сцен с лучами от края или угла.
CX Codex +1
1 400установок
blue-cloudy-clean-modern скилл Задаёт дизайн-систему с голубым небом, мягкими облаками и белой типографикой. Пригодится, когда интерфейсу нужен спокойный воздушный вид.
CX Codex +1
1 400установок
nested-container-frames скилл Скилл задаёт правила вёрстки многоуровневых интерфейсов по принципу «контейнер в контейнере». Пригодится при оформлении лендингов с внешними рамками и внутренними блоками.
CX Codex +1
1 400установок
dither-laser-dark-mode скилл Скилл задаёт тёмную дизайн-систему с текстурой ordered dither и тонким лазерным акцентом. Пригодится для атмосферных интерфейсов с чёткой иерархией.
CX Codex +1
1 400установок
light-mode-paper-technical скилл Задаёт направление дизайн-системы: тёплые бумажные поверхности, тёмная внешняя рамка, тонкая диагональная текстура и один сдержанный акцент.
CX Codex +1
1 400установок
book-serif-index скилл Задаёт правила для вёрстки книжных интерфейсов и цифровых архивов: антиквенная типографика, эффект состаренной бумаги, маргиналии и моноширинная каталожная навигация.
CX Codex +1
1 400установок
blue-laser-clean-glass-layout скилл Задаёт дизайн-систему тёмного интерфейса: тонкий синий лазер на фоне, матовые стеклянные панели и аккуратный дашборд.
CX Codex +1
1 400установок
aura-asset-images скилл Скилл ищет изображения в библиотеке Aura Assets по тегу и отдаёт прямые ссылки на 5 кандидатов для макетов и лендингов.
CX Codex +1
1 400установок
high-contrast-skeuomorphic-clean скилл Задаёт правила создания тёмного скевоморфного интерфейса с высокой контрастностью, фасками и акцентными индикаторами. Пригодится при сборке промышленных дизайн-систем.
CX Codex +1
1 400установок
split-layout-technical скилл Задаёт технический двухпанельный макет с тонкими рамками, моно-метаданными и акцентом на иерархию. Нужен для страниц, где контенту и визуальной части нужны разные роли.
CX Codex +1
1 400установок
641–680 из 2 133
