NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
scroll-scrubbed-word-reveal скилл Скилл открывает слова в размеченном тексте по мере прокрутки страницы. Пригодится для заголовков, манифестов и онбординг-сообщений.
CX Codex +1
1 400установок
technical-wireframe-info-layout скилл Задаёт правила для сборки монохромных инженерных интерфейсов: проволочных 3D-моделей в разрезе, выносных линий и меток диагностики.
CX Codex +1
1 400установок
corner-diagonals скилл Скилл для срезанных углов и фаски на кнопках, карточках и панелях. Пригодится, когда интерфейсу нужна резкая геометрия вместо скруглённых пилюль.
CX Codex +1
1 400установок
number-details скилл Скилл добавляет декоративные номера 01, 02, 03 к шагам процесса, карточкам и заголовкам. Пригодится, когда секции нужен визуальный ритм без нового контента.
CX Codex +1
1 400установок
gooey-blob-system скилл Создаёт эффект слипающихся органических капель с помощью SVG-фильтров. Пригодится для фона, прелоадера или зоны под курсором.
CX Codex +1
1 400установок
dark-glass-clean-layout скилл Скилл задаёт тёмную стеклянную систему интерфейса с колонками, плавающими карточками и спокойной глубиной. Нужен для рабочих пространств и консолей.
CX Codex +1
1 400установок
clean-minimal-beige-light-mode скилл Задаёт направление дизайн-системы: тёплые бежевые поверхности, тихие модульные сетки и сдержанный акцент. Пригодится, когда интерфейс должен выглядеть спокойно и собранно.
CX Codex +1
1 400установок
mesh-gradient-dark-blue-clean скилл Набор дизайн-правил, CSS-токенов и разметки для тёмно-синего интерфейса с процедурным градиентом на Canvas. Пригодится при вёрстке hero-секций и технологичных лендингов.
CX Codex +1
1 400установок
framed-grid-layout скилл Скилл задаёт правила вёрстки страниц с тонкими видимыми границами секций, L-образными уголками и строгой привязкой к сетке.
CX Codex +1
1 400установок
webgl-laser скилл Скилл рисует фиксированный полноэкранный фон с тонким вертикальным лучом, цветным ореолом и дымкой. Пригодится, когда нужен кинематографичный задник под контентом.
CX Codex +1
1 400установок
image-first-grid-layout скилл Задаёт правила вёрстки экранов с полноэкранными фото, полупрозрачными блоками и направляющими линиями сетки. Пригодится для кинематографичных промо-страниц.
CX Codex +1
1 400установок
dither-background скилл Скилл для генерации тёмного монохромного фона с крупными квадратными пикселями и упорядоченным дизерингом Байера.
CX Codex +1
1 400установок
html-to-interaction-prompts скилл Превращает готовую HTML-страницу в статью с промптами для ИИ-конструктора: разбирает анимации, снимает скриншоты, пишет описания.
CX Codex +1
1 400установок
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установок
epic-design скилл Скилл для Claude Code, который собирает кинематографичные страницы: скролл-сторителлинг, параллакс по слоям, анимация текста. WebGL не нужен.
701установок
create-website скилл Ведёт от пустой страницы до живого сайта в десять фаз: сначала сообщение, потом дизайн, потом конверсия. Каждый шаг согласуется с вами, решения ложатся в docs/.
CX Codex +1
2 300установок
design-code-architecture скилл Ведёт от идеи приложения к продуманной архитектуре: восемь фаз, вопросы на каждой развилке, записи в docs/. Пригодится, когда решаете, где провести границы и как разбить домен.
CX Codex +1
2 300установок
improve-website скилл Ведёт по восьми фазам от живого сайта, который плохо конвертит, к списку правок с обоснованием. Каждая правка оформлена как тестируемая гипотеза.
CX Codex +1
2 300установок
brand-guidelines скилл Помогает применять и оформлять правила бренда: цвета, типографику, логотип и тон коммуникации. Нужен при проверке макетов, текстов и создании гайдлайна.
696установок
data-visualization скилл Помогает агенту выбрать тип графика и настроить оси, подписи и цвета так, чтобы диаграмма читалась без легенды.
CX Codex +1
2 400установок
layout-grid скилл Скилл задаёт адаптивную сетку страницы: колонки, отступы между ними, поля и поведение на брейкпоинтах. Пригодится, когда верстаете структуру с нуля.
CX Codex +1
2 400установок
icon-system скилл Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. Пригодится при наведении порядка в дизайн-системе проекта.
CX Codex +1
2 400установок
user-flow-diagram скилл Строит диаграммы экранных переходов: точки входа, развилки, ветки ошибок. Пригодится, когда фичу нужно описать по шагам.
CX Codex +1
2 400установок
dark-mode-design скилл Скилл переводит готовую светлую палитру в тёмную тему: уровни поверхностей, контраст, приглушение ярких цветов. Нужен, когда светлые токены уже есть.
CX Codex +1
2 400установок
replica-brand скилл Генерирует названия для клона приложения, проверяет их по реестрам, задаёт палитру и вычищает упоминания оригинала из кода.
CX Codex +1
617установок
cinetic скилл Скилл для съёмки коротких промо-роликов кодом: раскадровка, тайминг, звук и рендер в Remotion или HyperFrames.
CX Codex +1
1 000установок
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установок
documd-visuals скилл Встраивает диаграммы, графики и архитектурные схемы прямо в Markdown через текстовые блоки. Подходит для отчётов, проектной документации и метрик.
CX Codex +1
313установок
grow-app скилл Пошагово выстраивает удержание пользователей и цикл привычки через восемь фаз, сохраняя решения в папке docs. Пригодится, когда люди регистрируются в сервисе и сразу пропадают.
CX Codex +1
2 200установок
improve-app скилл Ведёт приложение от «работает, но ощущается сырым» к внятному продукту: девять фаз, вопросы на каждом шаге, записи в docs/.
CX Codex +1
2 200установок
responsive-design скилл Скилл для ИИ-агента, который помогает проектировать макеты и взаимодействия под разные размеры экрана и способы ввода.
CX Codex +1
2 300установок
681–720 из 2 133
