NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
design-system скилл Собирает дизайн-систему по скриншотам или макетам и записывает её сразу в два файла: docs/design.md для агента и docs/design.html для браузера.
CX Codex +1
1 800установок
blueprinter скилл Скилл создаёт строгие технические схемы и диаграммы на чистом HTML и CSS. Пригодится, когда нужна спецификация без теней и градиентов.
CX Codex +1
974установок
swiss-design скилл Скилл задаёт ИИ-агенту дизайн-систему в духе швейцарского интернационального стиля: типографика IBM Plex Sans, сетка, оттенки stone и акцентный цвет.
CX Codex +1
951установок
pixel-art-sprites скилл Настраивает ассистента на отрисовку спрайтов и тайлсетов. Пригодится при разработке ретро-игр с жёсткими лимитами палитры и кадров.
CX Codex +1
2 700установок
algorithm-design скилл Скилл превращает описание метода или реализацию в псевдокод LaTeX и диаграммы Mermaid. Пригодится, когда нужно оформить алгоритм и сверить его с кодом.
CX Codex +1
1 700установок
paper-cinder-transition скилл Скилл для WebGL-перехода между сценами: линия огня съедает старую страницу и открывает новую. Пригодится, когда fade или slide выглядит дешёво.
CX Codex +1
330установок
responsive-patterns скилл Скилл внедряет правила адаптивной вёрстки на Container Queries, subgrid и fluid typography в React. Помогает строить гибкие интерфейсы без десятков медиа-запросов.
CX Codex +1
1 600установок
craft-design-engineering скилл Скилл с правилами дизайн-инженерии: типографика, цвет, отступы, анимации и цифры. Пригодится, когда доводишь UI до аккуратного вида.
CX Codex +1
479установок
wireframe скилл Проектирует структуру экранов: что на них есть, где стоит и что важнее. Пригодится, пока макет ещё дешёво переделать.
CX Codex +1
2 300установок
fire-paper-loader скилл Создаёт прелоадер в виде горящей бумаги на WebGL 1 и OffscreenCanvas. Анимация огня не зависает в веб-воркере, пока основной поток браузера занят сборкой страницы.
CX Codex +1
319установок
brand-visual-generator скилл Скилл помогает задать или проверить визуальную айдентику: шрифты, палитру, отступы, дизайн-токены и эстетику фронтенда.
CX Codex +1
1 400установок
amazon-product-photography скилл Превращает данные о товаре в готовый план съёмки: список кадров, брифы для инфографики и лайфстайл-сцен, маршрут производства. Пригодится продавцу перед заказом фото.
CX Codex +1
1 200установок
design-loop скилл Скилл ведёт цикл: читает задачу из файла-эстафеты, генерирует страницу в HTML/Tailwind, встраивает её в сайт и пишет следующую задачу.
CX Codex +1
1 000установок
macos-notch-ui скилл Скилл помогает добавить в приложение macOS панель, которая раскрывается от выреза экрана. Пригодится для индикатора записи или другого короткого статуса.
CX Codex +1
557установок
mermaidjs-v11 скилл Скилл учит агента писать диаграммы на синтаксисе Mermaid.js v11 и рендерить их в SVG, PNG или PDF. Пригодится, когда нужно нарисовать схему по описанию, а не руками.
CX Codex +1
364установок
tailwind-css скилл Задаёт правила стилизации Tailwind CSS: запрещает ломать вёрстку старых версий синтаксисом v4, требует проверку сборки и инспекцию DOM.
CX Codex +1
3 000установок
game-designer скилл Скилл для геймдизайна: разбирает браузерную игру и доводит её вид — фон, частицы, анимации, переходы между сценами.
CX Codex +1
1 900установок
ui-components скилл Скилл задаёт правила разработки интерфейсов на базе shadcn/ui и Radix Primitives. Помогает строить дизайн-системы, настраивать стили v4 и связывать формы с Zod.
CX Codex +1
1 500установок
beautiful-mermaid скилл Рендерит диаграммы Mermaid в векторные SVG и растровые PNG через библиотеку Beautiful Mermaid. Пригодится для визуализации архитектуры, баз данных и рабочих процессов.
CX Codex +1
1 800установок
brand-identity скилл Скилл для проектирования и проверки визуальной айдентики: логотип, палитра, типографика, иллюстрации, иконки и принципы анимации.
CX Codex +1
499установок
ui-craft-dense-dashboard скилл Задаёт агенту стиль для админок и аналитических панелей: плотная сетка, моноширинные числа, семантические цвета. Пригодится, когда интерфейс делают для оператора, а не для лендинга.
CX Codex +1
1 200установок
excalidraw скилл Скилл рисует диаграммы, блок-схемы и схемы архитектуры в файлах .excalidraw и выгружает их в PNG или SVG. Пригодится, когда систему проще показать, чем описать словами.
CX Codex +1
4 600установок
excalidraw-skill скилл Скилл даёт агенту инструменты для рисования и правки диаграмм Excalidraw на живом канвасе, с экспортом в файлы и картинки.
CX Codex +1
1 500установок
design скилл Набор дизайн-скиллов для интерфейсов Apple: Liquid Glass, анимации, игровой отклик, UX-тексты, SF Symbols и типографика. Пригодится, когда экран выглядит плоско и нужен план правок.
CX Codex +1
677установок
tesseract-design скилл Скилл создаёт статичные макеты в Tesseract и выводит их в PNG. Пригодится для постеров, слайдов, схем и макетов интерфейсов.
CX Codex +1
1 400установок
om-ux-shape скилл Превращает расплывчатую идею фичи или экрана в одно принятое решение: что делаем, для кого и как это выглядит в интерфейсе.
CX Codex +1
2 500установок
om-ux-setup скилл Собирает дизайн-систему вашего репозитория в .uxproof/, чтобы UX-скиллы судили код по вашим правилам, а не по встроенным.
CX Codex +1
2 500установок
om-ux-review-pr скилл Скилл проверяет интерфейс в браузере по изменениям ветки или пулл-реквеста и находит ошибки взаимодействия.
CX Codex +1
2 600установок
logo-design скилл Скилл генерирует 6–12 вариантов логотипа по разным архитектурам и доводит выбранный до продакшена. Пригодится, когда нужен логотип, а не вся айдентика.
CX Codex +1
447установок
sap-fiori-guidelines скилл Скилл подкладывает агенту официальные правила дизайн-системы SAP Fiori: кнопки, формы, таблицы, страницы, цвета, доступность и паттерны Joule.
CX Codex +1
1 200установок
game-assets скилл Скилл рисует пиксель-арт спрайты, анимированных персонажей и предметы для браузерных игр прямо кодом, без внешних картинок.
CX Codex +1
1 600установок
motion-dev-animations скилл Генерирует GPU-анимации на Motion.dev для React, Next.js, Svelte и Astro. Помогает настроить физику пружин, скролл-эффекты и жесты с учётом prefers-reduced-motion.
CX Codex +1
594установок
brand-yml скилл Скилл собирает и правит файлы _brand.yml, чтобы цвета, шрифты и логотипы совпадали в Shiny-приложениях и документах Quarto.
CX Codex +1
918установок
Blender скилл Скилл связывает агента с открытым Blender через мост Flue. Он выполняет код в среде bpy без MCP-сервера и возвращает структурированный JSON.
CX Codex +1
2 800установок
brand-analyzer скилл Скилл проводит экспресс-аудит бренда, выявляет архетипы по Юнгу и формирует готовые брендбуки или отчёты с рекомендациями. Пригодится при запуске нового продукта или ревизии текущего стиля.
CX Codex +1
1 100установок
favicon-generator скилл Помогает собрать favicon и иконки приложений: размеры, форматы, теги в HTML и требования Google Search.
CX Codex +1
1 100установок
creative-direction скилл Скилл формирует эстетический бриф проекта по четырём осям: тональность, визуальная философия, связь с аудиторией и эмоциональная глубина. Пригодится перед запуском дизайна, текста и брендинга.
CX Codex +1
419установок
nanobanana скилл Генерирует и редактирует изображения через модели Gemini. Поддерживает пакетный запуск, локальные референсы и проверку параметров через dry-run.
CX Codex +1
10 600установок
video-prompting скилл Составляет точные промпты для генераторов видео и готовит чарактер-шиты под сохранение внешности персонажа при анимации.
CX Codex +1
602установок
tldraw-skill скилл Создаёт схемы в формате .tldr и экспортирует их в PNG или SVG через CLI. Пригодится для визуализации архитектуры сервисов и потоков данных.
CX Codex +1
3 700установок
1 081–1 120 из 2 133
