К основному содержанию
NeVibeCode · 498 карточек

Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн

Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.

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

241–280 из 498

Ещё в NeVibeCode

Спонсоры проекта

Компании, которые помогают держать аналитику открытой