figma-shaders

ui-skills/figma · Agent Skill

Обязательное предварительное условие перед create_shader или update_shader. Используйте при создании эффектов шейдеров, заливок шейдеров, пользовательских эффектов или фонов шейдеров в Figma Design.

Перейти к установке ↓

Обзор

АвторfigmaОрганизация
Репозиторийui-skills/figma
Папка скиллаfigma-figma-shaders
Файлытолько SKILL.md
СсылкиИсходник скилла ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность
файлы скилла ещё не проверены
Совместимость
файлы скилла ещё не проверены
Похожие скиллы
найдено 58 похожих скиллов
Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «figma-shaders» с mozgi.io (https://mozgi.io/skills/figma-figma-shaders/).

1. Открой страницу скилла https://mozgi.io/skills/figma-figma-shaders/ и возьми оттуда текст SKILL.md.
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «figma-shaders» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/figma-shaders/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

Вопросы и ответы

Что делает скилл figma-shaders?

Обязательное предварительное условие перед create_shader или update_shader. Используйте при создании эффектов шейдеров, заливок шейдеров, пользовательских эффектов или фонов шейдеров в Figma Design.

Как установить figma-shaders?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает figma-shaders?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому figma-shaders подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл figma-shaders бесплатный?

Скилл опубликован автором figma в открытом доступе. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены. Лицензия в репозитории не указана — перед коммерческим использованием уточните условия у автора.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.

Похожие скиллы

Все скиллы →
review-animations Проверьте качество анимации, тайминг и последовательность движения с точки зрения критического производства. emilkowalski49.9k improve-animations Проведите обзор кодовой базы анимации и кода движения в качестве старшего советника по движению, затем создайте приоритизированный аудит и самодостаточные планы реализации. Только для чтения исходного кода - он планирует улучшения, но не применяет их. Используйте, когда пользователь просит улучшить анимации, провести аудит движения, сделать приложение лучше или хочет дорожную карту исправлений анимации, а не обзор одного диффа. emilkowalski49.9k find-animation-opportunities Найдите возможности для убедительного интерфейса движения, при этом отвергая анимацию, которая добавляет шум или замедляет пользователей. emilkowalski49.9k animate Создайте анимацию с нуля, принимая решения в порядке, определяющем, чувствуется ли она правильно — должно ли оно анимироваться вообще, какова цель, какой инструмент, какие свойства, какая кривая и продолжительность, как оно прерывает, как оно выходит. Напишите реализацию. Используйте, когда просят анимировать что-то, добавить движение, сделать компонент живым или построить переход. Для критики существующего движения используйте review-animations; для аудита всего кода используйте improve-animations. emilkowalski49.9k animation-vocabulary Уточните язык движения, чтобы выборы анимации казались намеренными и последовательными. emilkowalski49.9k apple-design Подход Apple к проектированию интерфейса и плавному физическому движению, переведенный для веба, использовать при построении или проверке жестового интерфейса пользователя, анимаций пружин, взаимодействий перетаскивания/проведения/листа, импульса и прерываемых переходов, полупрозрачных материалов и глубины, типографики (оптического размера, отслеживания, интервала), уменьшенного движения или основополагающих принципов дизайна (отклика, пространственной последовательности, сдержанности) за интерфейсами в стиле Apple. emilkowalski49.9k