NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
frontend-ui-engineering скилл Скилл задаёт правила для доступных адаптивных интерфейсов и компонентов. Пригодится при создании страниц, исправлении UI и работе с состоянием.
CX Codex +1
67 400установок
api-and-interface-design скилл Помогает проектировать API и границы модулей так, чтобы их было проще использовать и менять. Подходит для REST, GraphQL и публичных интерфейсов.
CX Codex +1
62 600установок
mobile-native скилл Убирает мелочи, из-за которых веб-приложение на телефоне выдаёт себя: залипающий hover, вспышку при тапе, ошибку с 100vh.
CX Codex +1
86 600установок
ppt-master скилл Скилл создаёт и редактирует презентации PPTX, восстанавливает визуал слайдов и заполняет нативные шаблоны. Подойдёт для рабочих презентаций и учебных материалов.
CX Codex +1
19 900установок
diagram-design скилл Скилл рисует 45 типов диаграмм как самодостаточные HTML-файлы с inline SVG. Пригодится, когда схему проще показать, чем описать абзацем.
CX Codex +1
19 600установок
image скилл Скилл для маркетинговых изображений: генерация через ИИ, правка готовых картинок, подбор инструмента и оптимизация под веб.
CX Codex +1
87 800установок
design-md
официальный скилл Скилл выгружает экраны из Google Stitch через MCP-сервер и собирает файл DESIGN.md с описанием дизайн-системы, цветов и компонентов.
CX Codex +1
64 800установок
paywalls скилл Скилл помогает проектировать и улучшать экран оплаты, апгрейд, upsell-модалку и ограничения функций. Нужен, когда бесплатного пользователя подводят к платному плану.
CX Codex +1
71 000установок
popups скилл Скилл помогает проектировать конвертящие попапы, баннеры и оверлеи без назойливости для пользователей.
CX Codex +1
70 900установок
enhance-prompt
официальный скилл Превращает неточные идеи интерфейса в детальные промпты для Google Stitch. Скилл подтягивает дизайн-систему из DESIGN.md и расписывает структуру экрана.
CX Codex +1
58 300установок
stitch-loop
официальный скилл Организует автономную сборку страниц через Stitch MCP. Агент берёт задачу из файла-эстафеты, создаёт экран, переносит код в проект и сразу пишет задание для следующей итерации.
CX Codex +1
56 400установок
remotion-markup скилл Скилл задаёт правила написания React-разметки для Remotion: анимации через кадры, работа с медиа и эффектами. Пригодится, если вы собираете видео кодом.
CX Codex +1
207 700установок
gsap-core скилл Скилл объясняет и пишет базовые GSAP-анимации для DOM и SVG. Подойдёт для tweens, easing, stagger и адаптации к reduced motion.
CX Codex +1
75 800установок
stitch::react-components
официальный скилл Превращает дизайны Stitch в компоненты React с Vite. Также синхронизирует существующие компоненты с обновлёнными макетами.
CX Codex +1
50 400установок
gsap-scrolltrigger скилл Обучает ИИ-агента писать анимации по скроллу с плагином ScrollTrigger от GreenSock: закреплять секции и связывать таймлайны с прокруткой через scrub.
CX Codex +1
72 800установок
gsap-timeline скилл Скилл помогает собирать последовательности GSAP-анимаций, управлять таймингом и воспроизведением. Нужен для многошаговых и параллельных сцен.
CX Codex +1
69 700установок
gsap-plugins скилл Скилл объясняет, как подключать и использовать плагины GSAP: ScrollTo, Flip, Draggable, SplitText и другие. Пригодится, когда анимации в проекте уже на GSAP.
CX Codex +1
67 700установок
gsap-react скилл Скилл подсказывает, как создавать анимации GSAP в React и Next.js, ограничивать их область действия и очищать при размонтировании компонента.
CX Codex +1
66 900установок
remotion-studio скилл Скилл запускает Remotion Studio и открывает предпросмотр видео. Подойдёт, если вы хотите видеть композицию и проверять изменения прямо во время работы.
CX Codex +1
177 200установок
animation-performance скилл Диагностический скилл, который ищет причину пропущенных кадров в веб-анимациях и подсказывает, какой свойство анимировать вместо дорогого.
CX Codex +1
36 800установок
gsap-utils скилл Скилл помогает агенту работать с утилитами gsap.utils: диапазонами, случайными значениями, привязкой к шагу и коллекциями. Пригодится для анимаций на GSAP.
CX Codex +1
65 700установок
daisyui скилл Скилл подключает к ИИ-агенту справочник компонентов daisyUI 5, чтобы тот писал разметку на готовых классах, а не выдумывал свои.
CX Codex +1
12 100установок
remotion
официальный скилл Собирает экраны проекта Stitch в ролик на Remotion с переходами, приближением и текстовыми подписями. Пригодится для демонстрации интерфейса по шагам.
CX Codex +1
41 400установок
anatomy скилл Генерирует детальные интерактивные изометрические SVG-иллюстрации в виде физических приборов вместо абстрактных схем.
CX Codex +1
21 800установок
make-interfaces-feel-better скилл Скилл помогает доводить детали интерфейса: от радиусов и иконок до анимаций. Пригодится при сборке компонентов и ревью фронтенд-кода.
CX Codex +1
73 400установок
gifgrep скилл Поиск гифок в Tenor и Giphy прямо из терминала, скачивание файлов и нарезка раскадровок в PNG для документации или пулреквестов.
CX Codex +1
5 200установок
baoyu-image-gen скилл Генерация картинок через API OpenAI, Google, DashScope и других сервисов из агента. Подходит для отрисовки по референсам и параллельной пакетной генерации.
CX Codex +1
33 600установок
fireworks-tech-graph скилл Генерирует точные технические схемы в SVG, экспортирует их в PNG или автономный HTML и анимирует в GIF. Пригодится при проектировании архитектуры, UML, C4 и воркфлоу агентов.
CX Codex +1
18 000установок
baoyu-infographic скилл Скилл собирает инфографику из вашего текста: выбирает раскладку и стиль, пишет промпт и рендерит картинку.
CX Codex +1
32 800установок
baoyu-cover-image скилл Скилл рисует обложку для статьи по пяти параметрам: тип, палитра, техника, текст и настроение. Пригодится, если нужна картинка к посту или лонгриду.
CX Codex +1
32 100установок
excalidraw-diagram-generator
официальный скилл Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы.
31 639установок
baoyu-article-illustrator скилл Анализирует текст статьи, выбирает места для картинок и готовит иллюстрации в едином стиле. Пригодится, когда нужно визуально оформить материал прямо через агента.
CX Codex +1
31 900установок
baoyu-xhs-images скилл Разбивает статью или пост на серию карточек-картинок в мультяшном стиле. Пригодится, когда нужен визуал для соцсетей, а рисовать вручную не хочется.
CX Codex +1
31 300установок
baoyu-slide-deck скилл Превращает текст в набор изображений слайдов: сначала план со стилем, потом отдельные PNG. Заточено под чтение и шаринг, не под живые выступления.
CX Codex +1
31 200установок
interface-design скилл Скилл помогает проектировать и проверять интерфейсы продуктов: дашборды, админки, SaaS-приложения и инструменты. Он нужен, когда важны иерархия, состояния и единый стиль.
CX Codex +1
30 800установок
taste-design
официальный скилл Скилл формирует файл DESIGN.md для Google Stitch, задавая строгие дизайн-правила против шаблонных интерфейсов. Помогает настроить типографику, палитру и микроанимации для генерации экранов.
CX Codex +1
20 200установок
baoyu-compress-image скилл Сжимает изображения в WebP или PNG через системные утилиты вроде sips и cwebp. Пригодится для быстрой оптимизации картинок прямо в репозитории проекта.
CX Codex +1
28 200установок
tailwind-design-system скилл Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте.
CX Codex
70 180установок
frost-sequence-camera-orbit скилл Скилл собирает 22.5-секундную сцену: камера облетает ледяной логотип, он рассыпается, собирается в два текста и растворяется.
CX Codex +1
10 000установок
orbit-card скилл Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender.
CX Codex +1
10 000установок
41–80 из 2 133
