Выберите задачу
Сначала сравните назначение и требования. Звёзды помогают оценить интерес к репозиторию, но не качество каждого скилла внутри него.
AGENT SKILLS
Скиллы для нейросетей из nexu-io/open-design
Каталог AI-скиллов из GitHub: задачи, совместимость, требования и установка.
Ищем скиллы…
| Избранное | AI-агенты | ||||
|---|---|---|---|---|---|
| Проверка веб-страниц и прототипов OpenDesignagent-browser / nexu-io Помогает разработчикам проверять интерфейс в браузере: исследовать страницу, воспроизводить действия, собирать данные о дизайне и находить ошибки. Основной сценарий — локальные прототипы OpenDesign. | 100 479 | ||||
| Создание визуальной концепции брендаbrandkit / nexu-io Помогает дизайнерам и продуктовым командам представить фирменный стиль в единой композиции. Связывает идею логотипа, цвета, типографику и примеры применения с назначением продукта и его аудиторией. | 100 479 | ||||
| Подготовка требований к дизайнуdesign-brief / nexu-io Помогает сформулировать конкретные требования к внешнему виду сайта или интерфейса перед разработкой. Превращает описание вроде «сделай минималистично» в согласованный набор цветов, шрифтов, правил композиции, отступов и ограничений. | 100 479 | ||||
| Доработка интерфейсов и анимацийemil-design-eng / nexu-io Помогает разработчикам веб-интерфейсов продумать поведение компонентов и анимации по подходу Эмиля Ковальски. Подходит для разбора мелких деталей: реакции кнопок, появления подсказок, переходов между состояниями и жестов. | 100 479 | ||||
| Добавление сдержанной анимации в готовый интерфейсemilkowalski-motion / nexu-io Помогает доработать существующий веб-интерфейс: добавить отклик важных элементов, переходы состояний и появление содержимого. Анимация должна пояснять взаимодействие и сохранять возможность читать страницу без задержек. | 100 479 | ||||
| Исправление пустых файлов при экспортеexport-download-debugging / nexu-io Помогает разработчикам разобраться, почему экспорт или скачивание создаёт пустой, отсутствующий или непригодный файл. Особенно подходит для изображений в браузере, окне предпросмотра и Electron. | 100 479 | ||||
| Дизайн и разработка веб-интерфейсаfrontend-design / nexu-io Помогает создать или улучшить сайт, посадочную страницу, дашборд, экран приложения или компонент. Соединяет выбранный визуальный стиль с рабочим кодом и реальными сценариями пользователя. | 100 479 | ||||
| Анимация элементов страницы с GSAPgsap-core / nexu-io Помогает веб-разработчикам создавать, разбирать и исправлять базовые анимации DOM и SVG. Подходит для появления элементов, перемещения, изменения масштаба и согласованного движения нескольких объектов в React, Vue, Svelte или обычном JavaScript. | 100 479 | ||||
| Анимация GSAP в Vue и Sveltegsap-frameworks / nexu-io Помогает разработчикам добавлять и проверять анимацию GSAP в Vue, Nuxt, Svelte, SvelteKit и других компонентных системах с жизненным циклом. Основное внимание уделяет моменту запуска, изоляции элементов и завершению анимации при удалении компонента. | 100 479 | ||||
| Оптимизация анимаций GSAPgsap-performance / nexu-io Помогает разработчикам разобраться с рывками и лишней нагрузкой в анимациях GSAP. Подходит для движения элементов, длинных списков и эффектов при прокрутке. | 100 479 | ||||
| Подключение плагинов и создание анимаций GSAPgsap-plugins / nexu-io Помогает разработчикам создавать и разбирать анимации с плагинами GSAP. Подходит для прокрутки к элементу, переходов между раскладками, перетаскивания, анимации текста и SVG. | 100 479 | ||||
| Анимация GSAP в Reactgsap-react / nexu-io Помогает разработчикам добавлять и проверять анимацию GSAP в React и Next.js. Объясняет, как привязать анимации к компоненту и корректно завершать их при его удалении. | 100 479 | ||||
| Связать анимацию страницы с прокруткойgsap-scrolltrigger / nexu-io Помогает веб-разработчикам создавать анимацию на GSAP ScrollTrigger: запускать движение при появлении элементов, связывать его ход с прокруткой и временно закреплять секции. Подходит для параллакса и горизонтального движения содержимого при вертикальной прокрутке. | 100 479 | ||||
| Собрать последовательность анимаций в GSAPgsap-timeline / nexu-io Помогает разработчикам согласовать несколько анимаций: запускать их последовательно, одновременно или с перекрытием. Подходит для многошаговых сцен и управления их воспроизведением. | 100 479 | ||||
| Подготовка значений для анимаций GSAPgsap-utils / nexu-io Помогает разработчикам писать и разбирать код преобразования значений для анимаций GSAP. Подходит для связи движения с прокруткой, ограничения диапазонов, привязки к сетке и распределения значений между элементами. | 100 479 | ||||
| Создание визуальной концепции мобильного приложенияimagegen-frontend-mobile / nexu-io Помогает представить внешний вид мобильного продукта: отдельный экран или последовательность экранов знакомства, входа, покупок и других действий. Основное внимание уделяется читаемому тексту, понятной навигации и согласованному оформлению. | 100 479 | ||||
| Создать изображения секций сайта для разработкиimagegen-frontend-web / nexu-io Помогает дизайнерам и разработчикам подготовить визуальную концепцию лендинга, маркетингового сайта или страницы продукта. Показывает расположение элементов, размеры текста и приоритет главного действия, чтобы по изображениям было понятно, как собрать интерфейс. | 100 479 | ||||
| Доработка дизайна готовой веб-страницыimpeccable-design-polish / nexu-io Помогает улучшить уже созданную веб-страницу или HTML-прототип перед показом и передачей другим людям. Подходит для разбора визуальных проблем, точечных правок, сдержанной анимации и исправления адаптивности. | 100 479 | ||||
| Добавление изображений из библиотеки ODlibrary-curator / nexu-io Помогает создателям страниц найти и использовать материалы, уже сохранённые в OD Library. Подходит для логотипов, снимков экрана и других изображений без повторной загрузки пользователем. | 100 479 | ||||
| Исправление замечаний к запросу на слияниеpr-feedback-quality-gate / nexu-io Помогает разработчикам обработать замечания ревью, устранить конфликты слияния и проследить за проверками запроса на слияние. Перед фиксацией и отправкой изменений предусматривает независимое ревью. | 100 479 | ||||
| Проверка веб-интерфейса по правилам Vercelweb-design-guidelines / nexu-io Помогает разработчикам проверить код веб-интерфейса по рекомендациям команды Vercel. Охватывает расположение элементов, типографику, цвет, анимацию и доступность. | 100 479 | ||||
| Проверка документации по правилам Vercelwriting-guidelines / nexu-io Помогает авторам и редакторам проверить документацию по Vercel Writing Guidelines. Охватывает стиль, тон, оформление и структуру текста. | 100 479 |
Процент положительных оценок = «Полезен» / все оценки. Зелёная часть шкалы — положительные, красная — отрицательные. Рядом указано число оценок LLMXP. Звёзды, форки и активность GitHub относятся ко всему репозиторию. Проверка файлов не заменяет тестирование скилла в вашем проекте. Как проверяем
Как выбрать скилл из этой подборки
Agent Skills — инструкции и дополнительные файлы, которые объясняют AI-агенту, как выполнять определённую задачу: проектировать интерфейс, проверять код, редактировать текст или собирать SEO-аудит. Основной файл называется SKILL.md. Скилл использует возможности вашего агента и доступные ему инструменты.
Установите в проект
В карточке выберите агента и скопируйте команду. Для CLI нужны Node.js, npm и Git. Мы указываем проверенный коммит, чтобы установка не подменялась новой непроверенной версией.
Пошаговая инструкция →Проверьте на своей задаче
Начните с копии проекта или тестовых данных. Доступ к API, публикациям и платным сервисам подключается отдельно.
Частые вопросы об AI-скиллах
Claude Skills и Claude Code Skills — одно и то же?
Agent Skills — общий формат. В этом каталоге фильтр Claude Code подбирает инструкции для агента, работающего с проектом. Команда npx не устанавливает скилл в обычный веб-чат Claude: у веб-приложения отдельный способ загрузки и требования.
Можно ли скачать скиллы бесплатно?
Исходники доступны в публичных GitHub-репозиториях. Условия копирования определяет лицензия пакета. Работа агента, API и внешние сервисы могут требовать оплаты.
Как создать свой SKILL.md?
Создайте папку с файлом SKILL.md. В YAML-заголовке укажите name и description, затем опишите задачу, необходимые входные данные, шаги и проверку результата. Дополнительные материалы храните рядом и ссылайтесь на них относительными путями. Проверьте скилл на нескольких реальных заданиях.
Чем скилл отличается от MCP и плагина?
Скилл описывает порядок работы. MCP предоставляет агенту доступ к инструментам и данным. Плагин может объединять скиллы, настройки и подключения. Наличие инструкции не выдаёт доступ к внешнему сервису.
Как обновляются скиллы в каталоге?
Сборщик проверяет GitHub, звёзды и состав файлов. Новые версии требуют повторной проверки; команда установки остаётся закреплённой на одобренном коммите. Подробности — в методике.