GenAI Mesh Gradient — скилл
Скилл превращает описание задачи в рецепт сетчатого градиента и собирает редактируемые слои в Figma либо запасной слоистый SVG.
- 153 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл при работе с Figma через внешний инструмент записывает слои в указанный файл.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/genai-mesh-gradientОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл при работе с Figma через внешний инструмент записывает слои в указанный файл.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
GenAI Mesh Gradient, скилл для управляемой генерации изображений, ведет работу от брифа до готовой иллюстрации. Агент уточняет применение, пропорции, цвета бренда и зону под текст, сравнивает несколько палитр на одной композиции, затем строит результат. В репозитории есть шесть образцов в Figma: небо, сон, цветок, рассеянный свет, карта высот и мультиточка. Для каждого описаны слои, размытие и настройки. Проверка результата идет на реальном слайде или странице, после чего градиент правят по обратной связи.
Для кого. Дизайнерам и разработчикам, которым нужны обложки презентаций, герои сайтов и превью в едином стиле, и они хотят править слои в Figma, а не просить картинку заново.
Подходит, если
- Обложка презентации 16:9 нуждается в градиенте с тихой зоной под заголовок.
- Три палитры сравнивают на одной композиции до выбора.
- Градиент из Figma нужно сделать редактируемым и объяснить, как менять цвета.
- Для фирменного набора превью требуется повторяемый рецепт.
Не подходит, если
- Нужна фотография или иллюстрация с предметами, а не абстрактный фон.
- Подключения к Figma нет, а результат должен быть нативными слоями.
- Требуется готовая картинка за один запрос без правок.
Пример запроса к агенту
Используй $genai-mesh-gradient для обложки презентации 16:9. Сравни три палитры на одной композиции, оставь левую треть тихой под темный заголовок, после выбора собери слои в моем файле Figma.Ограничения
Установка файлов сама не включает автоматический вызов в каждом клиенте и не создает связь с Figma. Для нативного вывода нужен инструмент с записью на холст, а агент обязан проверить его реальные возможности. Старое имя `mesh-gradient-generation` автоматически не переадресуется. Образцы в репозитории выполнены в одной сине-абрикосовой палитре, другие цвета агент подбирает сам по справочникам скилла, поэтому результат стоит смотреть глазами.
Как отключить. Удалите папку `genai-mesh-gradient` из каталога скиллов и перезагрузите список скиллов клиента. Созданные файлы в Figma остаются в вашем проекте.
Частые вопросы
Нужен ли Figma?
Нет, но тогда результатом станет слоистый SVG. Нативные редактируемые слои в Figma строятся только через подключенный инструмент с правом записи на холст.
Какие размеры у образцов?
Шесть образцов выполнены в формате 1536 на 1024 пикселя, 3:2. Они используют общую синюю, абрикосовую и теплую белую палитру.
Как поставить скилл?
Склонируйте репозиторий в каталог скиллов клиента. Для Codex это `~/.codex/skills/genai-mesh-gradient`. Другие агенты загружают скиллы по своим правилам.
Что делать со старой установкой?
Переименуйте папку в `genai-mesh-gradient`, обновите содержимое и сохраненные запросы, затем перезагрузите клиент.
Что умеет сверх шести образцов?
В справочнике `effects.md` описаны смежные эффекты: жидкость, пигмент, масло и мазок, силуэты. Их собирают по тому же брифу и проверке.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыГенератор DESIGN.md для Figma
DESIGN.md generator for Figma
Плагин Figma от TypeUI: собирает стили файла и генерирует DESIGN.md и SKILL.md для Claude Code, Codex и Cursor
Скилл для дизайн-систем Figma: чтение, аудит с проверкой WCAG, создание компонентов и выгрузка токенов в код.
Скилл рисует интерактивные изометрические иллюстрации в SVG: шейдеры WebGL, страница HTML или компонент React, идея объясняется работающим устройством
Paper Figure to Figma
paper-figure-to-figma
Скилл перерисовывает рисунок из статьи в редактируемый Figma или PowerPoint: подписи остаются текстом, фигуры векторами.
design-to-code — сайт из изображения дизайна
design-to-code
Скилл превращает скриншот, макет, кадр Figma или живую страницу в адаптивный сайт и сверяет результат с дизайном
Скилл для создания, редизайна и ревью интерфейсов: один дизайн-тезис и система вместо шаблонного SaaS-вида.
Коротко о README
Скилл опирается на исследование управляемой визуальной генерации и связывает пожелания, ограничения дизайна и обратную связь с редактируемыми градиентами.