NeVibeCode · 498 карточек
Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.
paywall-upgrade-cro скилл Скилл помогает проектировать и оптимизировать экраны апгрейда, paywall и модальные окна upsell. Пригодится при работе над конверсией в SaaS и экспериментах с pricing-страницами.
Claude Code CX Codex Cursor +1
2 700установок
swiss-user-research-video-template скилл Создаёт HTML-презентацию исследования в швейцарском стиле — тёплый бумажный тон, минималистская вёрстка, круговая диаграмма участников и навигация между слайдами.
Claude Code CX Codex Cursor +1
2 700установок
fal-vision скилл Скилл подключает модели fal.ai для анализа изображений, сегментации объектов, OCR и визуальных ответов на вопросы. Пригодится при автоматической обработке картинок через агента.
Claude Code CX Codex Cursor +1
2 700установок
faq-page скилл Создаёт HTML-страницу FAQ с аккордеоном, поиском и фильтрами категорий. Пригодится для раздела помощи или страницы поддержки.
Claude Code CX Codex Cursor +1
2 700установок
fal-image-edit скилл Скилл подключает редактирование картинок через модели fal.ai. Помогает убирать фон, удалять объекты, переносить стиль и дорисовывать области через инпейнтинг.
Claude Code CX Codex Cursor +1
2 700установок
figma-use скилл Запускает скрипты Figma Plugin API для работы с холстом, проверки макетов и управления переменными. Нужен как основа для остальных Figma-скиллов каталога.
Claude Code CX Codex Cursor +1
2 700установок
imagegen скилл Скилл для создания и редактирования изображений через API OpenAI. Генерирует макеты интерфейсов, иконки, иллюстрации и карточки для соцсетей прямо из промпта.
Claude Code CX Codex Cursor +1
2 700установок
fal-generate скилл Создаёт изображения и видео через модели fal.ai, включая Flux, SDXL и Ideogram. Пригодится, когда агенту нужно генерировать медиафайлы прямо в репозитории.
Claude Code CX Codex Cursor +1
2 700установок
editorial-burgundy-principles-template скилл Создаёт трёхслайдовую презентацию в бордовой и розовой гамме для манифестов, принципов и культурных нарративов. Готовая HTML-страница с навигацией и сеткой карточек.
Claude Code CX Codex Cursor +1
2 700установок
swiss-creative-mode-template скилл Собирает интерактивную презентацию в швейцарском стиле в единый HTML-файл. Пригодится, когда нужен бруталистский лендинг с переключением тем и палитр.
Claude Code CX Codex Cursor +1
2 700установок
figma-create-design-system-rules скилл Скилл формирует правила дизайн-системы проекта для перехода от Figma к коду. Он пригодится, чтобы зафиксировать токены, именование и правила линтинга.
Claude Code CX Codex Cursor +1
2 700установок
screenshot скилл Скилл делает снимки окон программ и выбранных областей экрана. Пригодится при оформлении багрепортов и дизайн-ревью.
Claude Code CX Codex Cursor +1
2 700установок
figma-generate-design скилл Переносит экраны приложения из кода или описания в Figma, используя компоненты дизайн-системы и токены. Пригодится, когда нужно собрать или обновить макет.
Claude Code CX Codex Cursor +1
2 700установок
digits-fintech-swiss-template скилл Шаблон финтех-презентации в швейцарской сетке: чёрный, тёплая бумага, неоново-лаймовые акценты. Три слайда с крупными числовыми карточками и навигацией с клавиатуры, всё в одном HTML-файле.
Claude Code CX Codex Cursor +1
2 700установок
full-page-screenshot скилл Скилл захватывает полные скриншоты веб-страниц через Chrome DevTools Protocol без внешних зависимостей. Пригодится для портфолио, кейсов и аудитов.
Claude Code CX Codex Cursor +1
2 700установок
artifacts-builder скилл Скилл помогает создавать сложные многокомпонентные HTML-артефакты для claude.ai. В работе опирается на React и Tailwind CSS с библиотекой shadcn/ui.
Claude Code CX Codex Cursor +1
2 700установок
minimax-pdf скилл Генерирует, заполняет и переформатирует PDF по дизайн-системе с токенами и 15 стилями обложек. Пригодится для брендированных документов, гайдов и отчётов.
Claude Code CX Codex Cursor +1
2 700установок
gsap-framer-scroll-animation
официальный скилл Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS.
GitHub Copilot
3 900установок
design-motion-principles скилл Создаёт и проверяет анимации интерфейса с учётом контекста продукта и частоты действий. Нужен для переходов, состояний наведения и микровзаимодействий.
Claude Code CX Codex Cursor +1
12 600установок
argent-lens скилл Скилл для выбора визуальных вариантов интерфейса в нативном окне Argent Lens. Помогает сравнить несколько дизайнов кнопки или экрана на симуляторе.
Claude Code CX Codex Cursor +1
22 400установок
magic-ui скилл Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность.
Claude Code CX Codex Cursor +1
1 200установок
pptx-generator скилл Скилл для чтения, редактирования и сборки презентаций PowerPoint с нуля через PptxGenJS и XML. Пригодится, когда нужно сгенерировать слайды из кода или разобрать готовый файл.
Claude Code CX Codex Cursor +1
6 000установок
impeccable-design-polish скилл Доводит готовую веб-страницу до чистого вида: убирает визуальные штампы нейросетей, правит контрастность и чинит мобильную вёрстку.
Claude Code CX Codex Cursor +1
2 500установок
material-ui-theming скилл Скилл для создания и управления темами Material UI: палитры, цветовые схемы, CSS-переменные, переключение light/dark и TypeScript-расширения. Пригодится, если вы строите дизайн-систему или меняете визуальную идентичность приложения.
Claude Code CX Codex Cursor +1
604установок
ip-as-logo скилл Скилл создаёт простых квадратных персонажей для логотипов и других изображений. Нужен, когда важны узнаваемый силуэт и несколько вариантов на выбор.
Claude Code CX Codex Cursor +1
3 400установок
diagram-generator скилл Генерирует, проверяет и рендерит диаграммы из текста, кода, схем и таблиц. Пригодится для архитектур, процессов и UML-моделей.
Claude Code CX Codex Cursor +1
1 300установок
antislop-ui скилл Скилл задаёт правила для цвета, компоновки, компонентов и анимации интерфейсов. Нужен при создании или правке сайта, веб-приложения или другой UI.
Claude Code CX Codex Cursor +1
6 300установок
weread-year-in-review-video-template скилл Создаёт вертикальное HTML-видео 9:16 для годового отчёта о чтении в стиле WeRead: статистика, заметки, ключевые слова и карточка читательского типа.
Claude Code CX Codex Cursor +1
2 400установок
pexo-agent скилл Скилл создаёт готовые многосценовые видео из текста, изображений, URL, сценариев или аудио. Подходит для рекламных роликов, коротких видео и объясняющих материалов.
Claude Code CX Codex Cursor +1
40 400установок
emilkowalski-motion скилл Добавляет микровзаимодействия, переходы состояний и анимацию к готовому интерфейсу. Работает после того, как макет или компонент уже собран.
Claude Code CX Codex Cursor +1
2 300установок
canva-creator
официальный скилл Берёт готовый бриф контента и пошагово разворачивает кампанию: строит календарь публикаций, создаёт макеты в Canva для соцсетей, пишет тексты и отправляет посты в HubSpot.
Claude Code CX Codex Cursor +1
1 900установок
diagram-maker скилл Скилл создаёт схемы в SVG/HTML или Excalidraw по описанию концепции, архитектуры и процессов. Пригодится, когда вместо объяснения текстом нужен наглядный файл.
Claude Code CX Codex Cursor +1
502установок
antislop-human скилл Скилл для ИИ-агентов, который проверяет UI на доступность: контраст текста, фокус клавиатуры, состояния элементов. Включает скрипт проверки контраста по WCAG AA.
Claude Code CX Codex Cursor +1
5 800установок
antislop-layoutmobile скилл Скилл проверяет мобильную и адаптивную вёрстку: перенос колонок, брейкпоинты, размеры и переполнение. Нужен при работе с интерфейсами.
Claude Code CX Codex Cursor +1
5 700установок
research-decision-room скилл Скилл собирает разрозненные заметки интервью, тикеты поддержки и опросы в единый интерактивный HTML-отчёт для обоснования продуктовых решений без выдуманной уверенности.
Claude Code CX Codex Cursor +1
2 100установок
mobile-design скилл Скилл проверяет интерфейсы iOS, Android, React Native и Flutter на удобство тачей, контраст, производительность списков и поведение без сети.
Claude Code CX Codex Cursor +1
3 700установок
claude-design скилл Скилл для сборки HTML-артефактов — лендингов, прототипов, деков — в Claude Code, Codex и Cursor. Читает контекст проекта и собирает самодостаточный файл с вёрсткой и стилями.
Claude Code CX Codex Cursor +1
645установок
ecommerce-image-workflow скилл Собирает комплект товарных снимков из фотографии продукта: главное изображение на белом фоне, крупный план детали и сцену применения с точным сохранением цвета, формы и логотипа.
Claude Code CX Codex Cursor +1
2 000установок
uncodixfy скилл Учит агента не генерировать типичный «кодексовый» интерфейс: без градиентов, плавающих панелей и декоративных заголовков. Пригодится, когда фронтенд от ИИ выглядит слишком шаблонно.
Claude Code CX Codex Cursor +1
5 600установок
ui-ux-pro-max скилл Подбирает дизайн-системы, палитры и шрифтовые пары под стек и тип продукта через локальную базу правил. Пригодится при вёрстке интерфейсов и проверке доступности.
Claude Code CX Codex Cursor +1
947установок
241–280 из 498