NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
spacing-system скилл Задаёт шкалу отступов на базе 4px или 8px и правила её применения в UI. Помогает навести порядок в padding и margin компонентов.
CX Codex +1
2 300установок
heuristic-evaluation скилл Скилл проверяет интерфейс по эвристикам Nielsen и критериям домена, а затем расставляет найденным проблемам оценки серьёзности. Подходит для аудита до пользовательского тестирования.
CX Codex +1
2 400установок
presentation-creator скилл Создаёт интерактивные слайды на React и Vite в стиле Sentry. Нужен для презентаций с реальными метриками, диаграммами и навигацией по слайдам.
CX Codex +1
2 900установок
animejs скилл Скилл для ИИ-агента, который подсказывает синтаксис Anime.js: таймлайны, stagger, морфинг SVG и покадровые последовательности.
CX Codex +1
2 800установок
apple-hig-expert скилл Проверяет интерфейсы iOS, macOS, watchOS и visionOS по Apple HIG. Пригодится для аудита макетов и проектирования нативного UI.
662установок
figure-spec скилл Создаёт редактируемые SVG-диаграммы из JSON-описания FigureSpec. Пригодится для архитектуры, процессов и конвейеров, где важны точные связи.
CX Codex +1
456установок
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установок
generate-reference-inspired-brand-worlds скилл Помогает создавать серии брендовых концепций по визуальному референсу без копирования охраняемых элементов стиля. Контролирует степень сходства от 30% до 85%.
CX Codex +1
1 300установок
audit-reference-originality скилл Сравнивает готовый сайт с референсами и помечает совпадения текста, брендов, чисел, картинок и кода. Пригодится перед релизом.
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установок
slide-maker скилл Создаёт, перерабатывает и рецензирует презентации .pptx на базе исходных документов, кода или заметок. Запускает цикл критика перед выдачей файла.
CX Codex +1
1 200установок
rive-interactive скилл Скилл для работы с Rive: стейт-машины, ввод от пользователя и привязка данных к анимации в React. Пригодится, когда анимация должна реагировать на состояние интерфейса.
CX Codex +1
2 600установок
lightweight-3d-effects скилл Скилл для декоративных 3D-элементов и микроанимаций: псевдо-3D иллюстрации, живые фоны, наклон карточек под курсор. Пригодится, когда нужна глубина на лендинге без WebGL-тяжеловесов.
CX Codex +1
2 600установок
usability-test-plan скилл Собирает план юзабилити-теста: вопросы исследования, методологию, критерии отбора участников, метрики и скрипт модератора. Пригодится, когда тест ещё только планируется.
CX Codex +1
2 200установок
case-study скилл Скилл помогает составить дизайн-кейс для портфолио с описанием процесса, метрик и результатов. Пригодится, когда нужно рассказать о проекте внешней аудитории.
CX Codex +1
2 200установок
design-token скилл Помогает описать токены цвета, отступов, типографики и теней: категории, уровни и правила именования. Пригодится, когда закладываете слой токенов с нуля.
CX Codex +1
2 200установок
error-handling-ux скилл Скилл для проектирования ошибок в продукте: как их предотвратить, показать и дать пользователю выход. Пригодится, когда сбои встречаются в нескольких сценариях сразу.
CX Codex +1
2 200установок
design-qa-checklist скилл Генерирует систематический чек-лист для проверки вёрстки на соответствие дизайну. Пригодится дизайнерам и разработчикам на этапе приёмки интерфейса.
CX Codex +1
2 200установок
loading-states скилл Проектирует состояния ожидания: скелетоны, индикаторы, постепенную загрузку и оптимистичные обновления. Нужен, когда контент или действие не завершаются сразу.
CX Codex +1
2 200установок
design-critique скилл Скилл ведёт командный разбор макета: рамка сессии, правила обратной связи и список задач с ответственными. Нужен, когда работу обсуждают несколько человек.
CX Codex +1
2 200установок
state-machine скилл Скилл помогает спроектировать поведение интерфейса через конечные автоматы: состояния, переходы, события и гарды. Пригодится, когда в компоненте слишком много флагов.
CX Codex +1
2 200установок
design-token-audit скилл Проверяет, где в проекте обходят дизайн-токены: находит захардкоженные значения, дубли и пробелы в наборе токенов.
CX Codex +1
2 200установок
animation-principles скилл Скилл для настройки одной конкретной анимации в интерфейсе: подбирает easing, длительность и порядок движения элементов.
CX Codex +1
2 200установок
wireframe-spec скилл Составляет текстовые спецификации вайрфреймов с приоритетами контента и заметками о поведении элементов. Пригодится при проектировании структуры интерфейса до начала работы с визуалом.
CX Codex +1
2 300установок
micro-interaction-spec скилл Описывает одну микромикровзаимодействие целиком: триггер, правила, отклик, циклы и режимы. Пригодится, когда пора передать её в разработку.
CX Codex +1
2 300установок
paper-illustration-image2 скилл Скилл генерирует научные иллюстрации для публикаций через локальный мост Codex app-server. Пригодится, когда нужна растровая графика уровня CVPR или NeurIPS без ручной отрисовки.
CX Codex +1
439установок
ant-design скилл Скилл-справочник по antd 6.x, Ant Design Pro 5 и Ant Design X v2. Помогает выбрать компонент, настроить токены и не выдумывать пропсы.
CX Codex +1
4 100установок
bencium-controlled-ux-designer скилл Помогает обсуждать визуальные решения для веб-интерфейсов до правок кода. Пригодится при создании компонентов, страниц и приложений.
CX Codex +1
4 600установок
ui-design-brain скилл Скилл помогает создавать интерфейсы по реальным паттернам компонентов и правилам дизайн-систем. Пригодится для страниц, дашбордов, форм и навигации.
CX Codex +1
845установок
swiftui-liquid-glass скилл Скилл помогает добавлять и проверять Liquid Glass в интерфейсах SwiftUI для iOS 26+. Пригодится при настройке стеклянных кнопок, панелей и переходов.
CX Codex +1
4 100установок
locomotive-scroll скилл Скилл помогает внедрить Locomotive Scroll: плавную прокрутку, параллакс и анимации от скролла. Нужен при сборке страниц с отслеживанием элементов во вьюпорте.
CX Codex +1
2 500установок
accessibility-test-plan скилл Помогает спланировать тестирование доступности интерфейса с ассистивными технологиями и реальными пользователями. Пригодится перед релизом для покрытия критериев WCAG.
CX Codex +1
2 100установок
721–760 из 2 133
