Просмотрите 135 навыков AI-агентов для Claude Code, Codex, исследований, кодирования, дизайна, видео и написания текстов. Каждое описание объясняет, когда этот навык пригодится в вашем рабочем процессе.
Текущие рабочие процессы навыков
Начинайте с самого узкого места, изучайте исходный код и скрипты, и тестируйте на обратимых задачах. Эти примеры связывают популярные инженерные и дизайнерские навыки с учебными материалами, которые показывают, как оцениваются и поддерживаются навыки агентов.
Просмотрено 31 августа 2026 г.135 навыков
Режим кратких ответов, который сохраняет техническое содержание, убирая лишние слова и формальности.
Используйте, когда: Вам нужен быстрый, информативный ответ, и задача достаточно проста, чтобы сжатие не скрывало важный контекст.
npx skills add https://github.com/juliusbrussee/caveman --skill cavemanОбнаруживайте и исправляйте типичные английские паттерны написания AI, такие как преувеличенная символика, рекламный тон, чрезмерное использование тире и формульная структура.
Используйте, когда: Используйте это как редакторскую проверку после того, как факты, аргументы и стиль уже правильны.
npx skills add blader/humanizer
Местный фаворит для придания интерфейсу более ясной визуальной точки зрения без потери работы под ним.
Используйте, когда: У вас есть рабочий интерфейс и вы хотите сосредоточенно пройтись по вкусам, иерархии и деталям, которые люди действительно замечают.
удивительно упрощает вашу работу
— Алексей Воронов
Исследуйте открытое решение через изолированные когнитивные рамки, затем оценивайте, устраняйте ловушки и углубляйте жизнеспособных выживших.
Используйте, когда: Важное решение по дизайну, архитектуре, наименованию или стратегии может иметь несколько правдоподобных ответов; пропускайте его для известных ошибок и задач с одним очевидным ответом.
npx skills add UditAkhourii/adhdСоздавайте и итеративно улучшайте статические, анимированные, безликие, в стиле чата концепции рекламы и варианты текста.
Используйте, когда: Существующее предложение, аудитория, канал; не заменяет решение по таргетингу/бюджету кампании.
npx skills add coreyhaines31/marketingskills --skill ad-creativeCLI браузера AI агента: навигация, клик, формы, скриншот, извлечение, QA для веб/Electron.
Используйте, когда: Взаимодействие/проверка с реальным браузером; отправка, покупка и публикация по-прежнему требуют одобрения.
npx skills add vercel-labs/agent-browser --skill agent-browserУлучшение видимости ответа/цитаты AI: AEO, GEO, LLMO, контент, читаемый агентом.
Используйте, когда: Используйте это для улучшения видимости в ответах и цитатах AI; сохраните традиционное техническое SEO в рабочем процессе.
npx skills add coreyhaines31/marketingskills --skill ai-seoСоздавать воспроизводимое генеративное искусство с помощью p5.js, засеянной случайности, полей потоков и частиц.
Используйте, когда: Нужен визуал с кодовым управлением и настраиваемым изображением; а не генератор фото-реального изображения.
npx skills add anthropics/skills --skill algorithmic-artПреобразуйте нечеткие описания движений в формальные термины для облегчения точного задания и кратких заданий.
Используйте, когда: Используйте его, когда нужно правильное название эффекта движения; он называет паттерны, но не реализует их.
npx skills add emilkowalski/skills --skill animation-vocabularyПеревести физические движения, жесты, пружину, материал и типографику в стиле Apple в интернет.
Используйте, когда: Лист, перетаскивание, свайп, прерываемое взаимодействие; это не означает копирование Apple UI.
npx skills add emilkowalski/skills --skill apple-designЛучший сервер/клиент аутентификации, адаптер, сессии, OAuth, плагины, настройка окружающей среды.
Используйте, когда: Используйте его в проектах на TypeScript с Better Auth; сочетайте с рекомендациями по безопасности для усиления защиты.
npx skills add better-auth/skills --skill better-auth-best-practicesИсследуйте намерение, требование, ограничение и альтернативы дизайна до реализации.
Используйте, когда: Изменение функционала, компонента, поведения; не подходит для чисто фактического редактирования.
npx skills add obra/superpowers --skill brainstormingИнтегрируйте фирменные цвета, типографику и правила форматирования в артефакт.
Используйте, когда: Существующие спецификации бренда; предустановка Anthropic не должна использоваться как ваш собственный бренд.
npx skills add anthropics/skills --skill brand-guidelinesСоздайте бренд-борд, логосистему, презентацию идентичности, макет и визуальный мир.
Используйте, когда: Для установления полного направления идентичности; не рассматривайте первый вариант логотипа как готовый продукт.
npx skills add leonxlnx/taste-skill --skill brandkitИнкапсулируйте действия браузера в повторно используемые автоматизированные рабочие процессы.
Используйте, когда: Повторить публичное веб-задание; сначала ограничить домен, шаги и побочные эффекты.
npx skills add browser-act/skills --skill browser-actУправлять браузером через CDP и выполнять автоматизацию, сбор данных, тестирование и создание скриншотов.
Используйте, когда: Требуется состояние/визуальное взаимодействие с браузером; вход в систему/антибот не должен обходиться.
npx skills add browser-use/browser-use --skill browser-useСоздавать оригинальные плакаты PNG/PDF, художественные работы и статические композиции на основе принципов дизайна.
Используйте, когда: Статическое изображение; прямое подражание живущим художникам запрещено.
npx skills add anthropics/skills --skill canvas-designПроверять соответствие стандартам одновременно с соблюдением спецификации, находки рядом друг с другом.
Используйте, когда: Просматривать отличия ветки/PR/WIP; должен быть фиксированный пункт сравнения.
npx skills add mattpocock/skills --skill code-reviewОпределять столпы контента, кластеры тем, редакционный план и правильное сочетание того, что можно искать и делиться.
Используйте, когда: Используйте это, чтобы решить, что публиковать; используйте навыки письма после этого для создания каждого материала.
npx skills add coreyhaines31/marketingskills --skill content-strategyУлучшайте ясность, плавность, тон и последовательность существующего текста, при этом сохраняя намерение оригинального автора.
Используйте, когда: Используйте это, когда черновик уже существует; это улучшает исполнение, не изменяя основную стратегию.
npx skills add coreyhaines31/marketingskills --skill copy-editingПишите/редактируйте лендинги, заголовки, CTA, ценностное предложение, тексты о продукте.
Используйте, когда: Используйте это с реальным контекстом продукта и честным предложением; никогда не придумывайте доказательства, результаты или свидетельства клиентов.
npx skills add coreyhaines31/marketingskills --skill copywritingСоздавайте безопасное для поиска, детерминированное движение с помощью CSS ключевых кадров.
Используйте, когда: Легкий и предсказуемый результат; используйте другие среды выполнения для сложных интерактивных временных линий.
npx skills add heygen-com/hyperframes --skill css-animationsВыведите отличительное, анти-типовое направление дизайна из брифа, с анализом редизайна и предварительной проверкой.
Используйте, когда: Используйте его для целевых страниц, портфолио и кампаний; выберите одну сильную систему вкусов вместо того, чтобы складывать несколько.
npx skills add leonxlnx/taste-skill --skill design-taste-frontendПревратите симптомы ошибки в воспроизводимую диагностику, поддерживающие доказательства и сфокусированный следующий шаг.
Используйте, когда: Сложная регрессия/неизвестная причина; не переходите сразу к исправлению.
npx skills add mattpocock/skills --skill diagnosing-bugsОпределите, могут ли 2+ задачи безопасно выполняться параллельно, и четко определите контракт вывода.
Используйте, когда: Независимое исследование/обзор/тесты; не используйте, если есть последовательная зависимость.
npx skills add obra/superpowers --skill dispatching-parallel-agentsСтруктурированное совместное написание: передача контекста, план, итерация, проверка читателем.
Используйте, когда: Предложение, спецификация, документ с решением; не однокликовое написание за кого-либо.
npx skills add anthropics/skills --skill doc-coauthoringЧитать/создавать/редактировать файлы Word, форматировать, отслеживать изменения, комментировать, вставлять изображения.
Используйте, когда: `.docx` в основном предназначен для ввода/вывода; он не предназначен для обычного написания обычного текста.
npx skills add anthropics/skills --skill docxПереставлять разделы статьи, уплотнять текст, улучшать аргументацию и читаемость.
Используйте, когда: Использовать на значительном втором черновике; сохранять стиль публикации и проводить отдельную проверку фактов.
npx skills add mattpocock/skills --skill edit-articleСосредоточиться на мастерстве конструктивного проектирования, микро-взаимодействии, физическом движении и доработанных деталях интерфейса.
Используйте, когда: Полировка взаимодействия с продуктом; не навык работы с архитектурой бэкенда.
npx skills add emilkowalski/skills --skill emil-design-engВыполнять в соответствии с существующим письменным планом, соблюдая контрольные точки и проверочные этапы.
Используйте, когда: Уже есть утвержденный план; не отвечает за переопределение требований.
npx skills add obra/superpowers --skill executing-plansИщите кандидатов в открытой экосистеме навыков агентов по задачам, источникам и сигналам.
Используйте, когда: Используйте это, когда у агента нет специализированных возможностей; просматривайте каждого кандидата перед установкой.
npx skills add vercel-labs/skills --skill find-skillsПосле прохождения тестов представьте четкие варианты слияния, открытия PR, сохранения ветки или её очистки.
Используйте, когда: Используйте это, когда ветка функции готова к закрытию; она не должна отправляться или сливаться без одобрения.
npx skills add obra/superpowers --skill finishing-a-development-branchНастройка проекта Firebase, выбор основного продукта, основы интеграции SDK.
Используйте, когда: Ввод в стек Firebase; загрузка навыка для аутентификации/хостинга/данных для конкретного продукта.
npx skills add firebase/agent-skills --skill firebase-basicsИщите, скрапьте, обходите, извлекайте общедоступные данные из веба и выводите данные, удобные для агента.
Используйте, когда: Используйте это для широкого поиска, затем читайте только те страницы, которые могут изменить решение; соблюдайте правила robots и ограничения на использование.
npx skills add firecrawl/cli --skill firecrawlУстановите уникальное направление UI, типографику, макет и уменьшите численность шаблонных значений по умолчанию.
Используйте, когда: Используйте это для нового интерфейса или крупного редизайна; проведите проверку доступности и реализации отдельно.
npx skills add anthropics/skills --skill frontend-designПревратите общий бриф/сценарий в полное видео.
Используйте, когда: Используйте это, когда не подходит более узкий видео-воркфлоу; предпочтительно использовать специализированные навыки для промо-продуктов, PR-видео или «анонимных» объяснительных видео.
npx skills add heygen-com/hyperframes --skill general-videoУстановите PreToolUse hook для блокировки опасных команд git.
Используйте, когда: Если вы хотите превратить правила безопасности в механическое исполнение, вам нужно утвердить область перед изменением хуков.
npx skills add mattpocock/skills --skill git-guardrails-claude-codeСтруктура страницы AIDA, редакционный тип, бесшовный бенто, кинематическое движение GSAP ScrollTrigger.
Используйте, когда: Сайт кампании/рассказа; простой каркас приложения может быть избыточным.
npx skills add leonxlnx/taste-skill --skill gpt-tasteИспользуйте интенсивные интервью для стресс-тестирования планов/дизайнов и проактивно ищите предположения и неопределенности.
Используйте, когда: Риски высоки или решения плохо определены; требуется участие пользователей.
npx skills add mattpocock/skills --skill grill-meПлан стресс-тестирования также создает долговечные документы, такие как ADR и глоссарий.
Используйте, когда: Сложная область/долгосрочный проект; быстрых ответов нет.
npx skills add mattpocock/skills --skill grill-with-docsСоздавайте премиальные шрифты для агентства, правила интервалов, теней, карточек и анимации явно.
Используйте, когда: Маркетинговая поверхность высокой ценности; внутренний инструмент с большим объёмом данных следует использовать с осторожностью.
npx skills add leonxlnx/taste-skill --skill high-end-visual-designПравила движения HyperFrames, схемы сцены, адаптеры GSAP/Lottie/Three.js/WAAPI.
Используйте, когда: Композиция HyperFrames; не является введением в общую веб-анимацию.
npx skills add heygen-com/hyperframes --skill hyperframes-animationОпределите детерминированный контракт композиции, атрибуты времени, дорожки, подкомпозиции, валидацию.
Используйте, когда: Перед написанием HTML для HyperFrames; не применяется к другим видеофреймворкам.
npx skills add heygen-com/hyperframes --skill hyperframes-coreОпределите палитру, типографику, повествование, планирование ритма, визуальные эффекты, реагирующие на звук, и общую креативную спецификацию.
Используйте, когда: Видеокреативное направление; фактический motion API передан специалисту по анимации.
npx skills add heygen-com/hyperframes --skill hyperframes-creativeHTML-first агент видеороута координирует основные, креативные, анимационные, медиа и рендерные рабочие процессы.
Используйте, когда: Хотите использовать HTML/CSS/GSAP для создания видео; широкие возможности означают большую поверхность атаки.
npx skills add heygen-com/hyperframes --skill hyperframesСначала создавайте/анализируйте визуалы больших секций, затем реализуйте сайты с высокой точностью.
Используйте, когда: Визуальная точность является основным критерием принятия; для обычного CRUD это не требуется.
npx skills add leonxlnx/taste-skill --skill image-to-codeПланирование/генерация/редактирование маркетинговых изображений: герой, графика для соцсетей, макет, баннер, OG изображение.
Используйте, когда: Сначала определите цель, пропорцию, бренд и канал; это не заменяет стратегию платной рекламы.
npx skills add coreyhaines31/marketingskills --skill imageСоздавайте концепции мультиизменных приложений, подчеркивая иерархию, читаемость и согласованную палитру.
Используйте, когда: Исследование мобильных потоков/экранов; генерируйте только визуал, не пишите производственный код.
npx skills add leonxlnx/taste-skill --skill imagegen-frontend-mobileГенерируйте независимые, действенные, качественные эталонные изображения для каждого раздела сайта.
Используйте, когда: Используйте это для визуально критичных сайтов; контролируйте стоимость генерации и держите разделы в рамках одной согласованной системы.
npx skills add leonxlnx/taste-skill --skill imagegen-frontend-webНаходите стыки модулей, проблемы с зависимостями и конкретные возможности для улучшения архитектуры кодовой базы.
Используйте, когда: Используйте это, когда накопленные структурные трения замедляют работу; избегайте бессмысленных переписей.
npx skills add mattpocock/skills --skill improve-codebase-architectureШвейцарская печать × военный терминал: строгая сетка, экстремальный масштаб шрифта, утилитарный цвет, аналоговая деградация.
Используйте, когда: Концепция портфолио/панели/редакции; для приложений общего потребления необходимо сначала подтвердить соответствие бренду.
npx skills add leonxlnx/taste-skill --skill industrial-brutalist-uiПишите статус, обновления руководства, часто задаваемые вопросы, обновления по инцидентам/проектам в едином формате.
Используйте, когда: Внутренняя коммуникация внутри компании; измените на реальный формат компании, а не просто копируйте шаблон.
npx skills add anthropics/skills --skill internal-commsИзвлекать публичные страницы в чистый структурированный контент, чтобы уменьшить количество скраперов от руки.
Используйте, когда: Целенаправленный сбор; прекращать при появлении 401/403/429/спора.
npx skills add scrapegraphai/just-scrape --skill just-scrapeПрименяйте поведенческие науки, такие как якорение, избегание потерь, социальное доказательство и фрейминг, к маркетинговым решениям.
Используйте, когда: Объяснение/дизайн для убеждения; не для манипуляций или ложного дефицита.
npx skills add coreyhaines31/marketingskills --skill marketing-psychologyРазрабатывать высококачественный MCP сервер, схему инструментов, обработку ошибок и реализацию на Python/TypeScript.
Используйте, когда: Агента нужно подключить к внешней службе; не оборачивайте все обычные локальные функции в MCP.
npx skills add anthropics/skills --skill mcp-builderТёплая монохромная гамма, редакционная типография, плоское бенто, приглушённая палитра, запрещены тяжёлые тени/градиенты.
Используйте, когда: Редакционный/спокойный продукт; если нужен сильный эффект, это не подходит.
npx skills add leonxlnx/taste-skill --skill minimalist-uiСоздавать кинетическую типографику, графические сцены, хореографию переходов.
Используйте, когда: Мошн-дизайн проект; требуется конвейер рендеринга/медиа.
npx skills add heygen-com/hyperframes --skill motion-graphicsЛирическое видео, слайдшоу или кинетическое промо, управляемое звуковой ритмической сеткой.
Используйте, когда: Музыка задаёт темп; озвученный объяснитель используется в других рабочих процессах.
npx skills add heygen-com/hyperframes --skill music-to-videoЧтение PDF, OCR, формы, объединение, разделение, создание, извлечение изображений/таблиц.
Используйте, когда: Артефакт PDF; сначала проверьте макет/отображение, не извлекайте просто текст.
npx skills add anthropics/skills --skill pdfMicrosoft Playwright CLI управляет браузером, отлаживает селектор, делает снимки доказательств.
Используйте, когда: Веб QA/воспроизведение/инспекция браузера; не равно критериям приёмки продукта.
npx skills add microsoft/playwright-cli --skill playwright-cliСоздание/редактирование/инспекция PowerPoint, макеты, заметки, комментарии, шаблоны.
Используйте, когда: `.pptx`/доставляемая презентация; кто-то всё ещё должен быть ответственным за аргументы и визуальное QA на каждой странице.
npx skills add anthropics/skills --skill pptxСоздайте промо SaaS, демонстрацию функций, видео запуска с URL продукта, сценария или брифинга.
Используйте, когда: Выпуск коммерческого продукта; обычно используйте сайт-видео для тура по сайту.
npx skills add heygen-com/hyperframes --skill product-launch-videoПроверьте, является ли отзыв по обзору технически обоснованным, и избегайте слепого подхалимства.
Используйте, когда: Получайте расплывчатые/сомнительные предложения; отвечайте с доказательствами из репозитория.
npx skills add obra/superpowers --skill receiving-code-reviewУлучшайте существующий интерфейс, не отбрасывая работающие функции продукта и установленные ограничения.
Используйте, когда: Используйте это для реального редизайна существующего продукта, а не как разрешение полностью перестроить всё с нуля.
npx skills add leonxlnx/taste-skill --skill redesign-existing-projectsОфициальные рекомендации Remotion по композиции, анимации, аудио, субтитрам, рендерингу, медиа и SaaS.
Используйте, когда: Используйте это для программного создания видео на React и TypeScript; рассматривайте любые предупреждения о зависимостях или безопасности в контексте.
npx skills add remotion-dev/skills --skill remotion-best-practicesДелайте анимацию Remotion читаемой для агента и редактируемой в студийном визуальном режиме.
Используйте, когда: Новый интерактивный рабочий процесс Remotion; очень новый, только локальный эксперимент проекта.
npx skills add remotion-dev/skills --skill remotion-interactivityОдностороннее переносение существующей композиции Remotion React в HyperFrames HTML.
Используйте, когда: Ясный запрос на миграцию; не вызван «стилем ссылки Remotion».
npx skills add heygen-com/hyperframes --skill remotion-to-hyperframesУстановите формальную контрольную точку перед основной функцией/слиянием.
Используйте, когда: После завершения реализации и прохождения тестов; не заменяет тесты.
npx skills add obra/superpowers --skill requesting-code-reviewИсследовать инженерную/продуктовую проблему и сохранить находки с исходниками.
Используйте, когда: Проблемы, требующие изменений в решении по реализации; не используйте горячие обсуждения для замены основных артефактов.
npx skills add mattpocock/skills --skill researchПроверка кода анимации с использованием строгих критериев, таких как цель, частота, сглаживание, длительность, источник, GPU, доступность и т.д.
Используйте, когда: Рецензия PR анимации; только просмотр, без общих функций.
npx skills add emilkowalski/skills --skill review-animationsВыпуски Sentry CLI, sourcemaps, артефакты, проекты, операции, связанные с проблемами.
Используйте, когда: Репозиторий с интеграцией Sentry; любое изменение загрузки/версии должно сохранять одобрение.
npx skills add sentry/dev --skill sentry-cliДиагностика технического/он-страничного SEO, обхода, индексации, метаданных, Core Web Vitals.
Используйте, когда: Сначала аудит, затем изменения; гарантий по ранжированию нет.
npx skills add coreyhaines31/marketingskills --skill seo-auditОбнаружение, установка и компоновка компонентов shadcn/ui через его реестровый рабочий процесс.
Используйте, когда: Используйте это в стеке на основе shadcn; оно не заменяет визуальное направление конкретного продукта.
npx skills add shadcn/ui --skill shadcnСоздавайте, исправляйте, тестируйте и проводите бенчмаркинг навыков, включая их описания триггеров.
Используйте, когда: Используйте это, когда рабочий процесс повторяется достаточно часто, чтобы заслуживать пакет инструкций; одиночные задачи оставляйте как подсказки.
npx skills add anthropics/skills --skill skill-creatorСоздавайте анимированные GIF для Slack с учетом размера, зацикливания, кадров и палитры.
Используйте, когда: Небольшой реакционный/демо GIF; не рабочий процесс для полнометражного фильма.
npx skills add anthropics/skills --skill slack-gif-creatorСоздание контента для соцсетей, перепрофилирование, календарь, сценарий короткой формы, прослушивание и сортировка по взаимодействию.
Используйте, когда: LinkedIn/X/IG/TikTok; любой рабочий процесс публикации/планирования/ответа требует явного утверждения.
npx skills add coreyhaines31/marketingskills --skill socialСоздавайте файл `DESIGN.md`, читаемый агентом, для Google Stitch с семантической системой дизайна.
Используйте, когда: Рабочий процесс Stitch; проекты, не связанные со Stitch, могут только использовать правила и не могут предполагать интеграцию.
npx skills add leonxlnx/taste-skill --skill stitch-design-tasteОбрабатывайте независимые задачи реализации в изолированном контексте и просматривайте их по одной.
Используйте, когда: Используйте это, когда каркас поддерживает подагентов, а задачи действительно независимы; избегайте использования при тесно разделяемом состоянии.
npx skills add obra/superpowers --skill subagent-driven-developmentОфициальные рекомендации Supabase по запросам Postgres, схемам, индексам и производительности.
Используйте, когда: Код Supabase/Postgres; он должен быть проверен с использованием реального плана выполнения/RLS.
npx skills add supabase/agent-skills --skill supabase-postgres-best-practicesИспользуйте последовательность наблюдать → выдвигать гипотезу → тестировать → проверять, чтобы найти первопричину.
Используйте, когда: Ошибка, сбой теста, неожиданное поведение; не упоминайте исправление до его обнаружения.
npx skills add obra/superpowers --skill systematic-debuggingСохранить оригинальный фильм и добавить графическое наложение, нижнюю треть, цитату, PIP и указание данных в соответствии с раскадровкой.
Используйте, когда: Пакет для интервью/подкаста/говорящей головы; простой субтитр использует титры.
npx skills add heygen-com/hyperframes --skill talking-head-recutФункция/исправление ошибки использует красно-зелёное-рефактор и пишет тест, который сначала даст сбой.
Используйте, когда: Изменение кода с измеримым поведением; чистый контент/прототип можно оценивать отдельно.
npx skills add obra/superpowers --skill test-driven-developmentУстанавливать предустановки или создавать новые цветовые/шрифтовые темы для слайдов, документов, отчетов и HTML.
Используйте, когда: Поддерживать согласованность между активами; не отвечать за стратегию бренда как таковую.
npx skills add anthropics/skills --skill theme-factoryОбширные UI/UX паттерны, стили, рекомендации по платформе и дизайнерская аналитика.
Используйте, когда: Используйте это для исследования шаблонов, затем ограничьте результат реальными токенами и соглашениями продукта.
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-maxСоздайте изолированный рабочий каталог Git, который защитит текущую изменённую ветку и дерево.
Используйте, когда: Используйте это для крупных функций или параллельных сессий; небольшое текстовое редактирование может не оправдать накладные расходы.
npx skills add obra/superpowers --skill using-git-worktreesИспользуйте составные компоненты, подъем состояния и композицию, чтобы избежать взрыва булевых пропсов.
Используйте, когда: API/система дизайна для повторного использования компонентов; простой листовой компонент может быть не нужен.
npx skills add vercel-labs/agent-skills --skill vercel-composition-patternsПравила производительности React/Next.js от команды Vercel Engineering.
Используйте, когда: Оптимизация кода React, получения данных, бандла и рендеринга; не используйте, если это не React.
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesReact/Next.js API перехода между представлениями: маршрут, общий элемент, вход/выход, перестановка списка.
Используйте, когда: Связанные с React API; fallback для reduce-motion должен сохраняться.
npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitionsПринудительное выполнение команды свежей верификации перед всеми фиксированными/завершёнными/успешными утверждениями.
Используйте, когда: Все контрольные точки завершения; не принимать «должно быть».
npx skills add obra/superpowers --skill verification-before-completionИспользовать React, Tailwind и shadcn для создания многоэлементных HTML-артефактов с состоянием/маршрутизацией.
Используйте, когда: Сложные интерактивные артефакты; не требуются для простого HTML.
npx skills add anthropics/skills --skill web-artifacts-builderПроверка UI-кода по 100+ правилам доступности, UX и производительности.
Используйте, когда: QA после сборки; не отвечает за выбор художественного направления с нуля.
npx skills add vercel-labs/agent-skills --skill web-design-guidelinesИспользуйте Playwright для тестирования локальных веб-приложений, снятия скриншотов и просмотра консоли/логов браузера.
Используйте, когда: Локальная проверка интерфейса; удаленные изменения на продакшене не являются стандартными.
npx skills add anthropics/skills --skill webapp-testingСнимайте скриншоты сайта/брендовые материалы, создавайте экскурсии по сайту, демонстрации и клипы для соцсетей.
Используйте, когда: Портфолио/документы/демонстрация сайта; не эквивалентно запуску коммерческого продукта.
npx skills add heygen-com/hyperframes --skill website-to-videoСоздает черно-белый lo-fi SVG, аннотации и мультиэкранный поток, намеренно откладывая решения по брендингу.
Используйте, когда: До того как определяется макет/поток; производственный интерфейс, высококачественный дизайн и публикация не входят в стандартные задачи.
Разделите спецификацию на файл, пошаговый и проверяемый план внедрения.
Используйте, когда: Многоэтапная функция/миграция; когда намерение неясно, сначала следует провести мозговой штурм.
npx skills add obra/superpowers --skill writing-plansПреобразование исходного материала в статью по абзацам.
Используйте, когда: Используйте это, когда у вас есть значительный объем исходного материала, но нет целостной структуры; это промежуточный редакторский этап.
npx skills add mattpocock/skills --skill writing-shapeЧтение/запись таблиц, формулы, форматирование, графики, очистка, реструктуризация.
Используйте, когда: Таблица в основном является результатом; конвейер базы данных не должен просто так конвертироваться в Excel.
npx skills add anthropics/skills --skill xlsxВыберите современную визуальную систему, макет, главный элемент, типографику и направление движения для лендингов, SaaS-сайтов и портфолио без использования стандартного AI-стиля.
Используйте, когда: Используйте это, когда веб-проекту требуется согласованное дизайн-руководство и явная визуальная проверка.
Превратите расплывчатый запрос в ограниченное, тестируемое задание, чтобы агент ИИ оставался в рамках и выполнял работу.
Используйте, когда: Используйте это перед важной или неоднозначной задачей агента, которая требует явных критериев принятия.
Создавайте промпты для изображений в документальном стиле с намеренным выбором объектива, постановки, освещения и несовершенства, чтобы результаты выглядели наблюдаемыми, а не синтетическими.
Используйте, когда: Используйте это для подлинного редакционного или документального направления изображения; проверяйте, чтобы люди и утверждения представлялись ответственно.
Собирать и организовывать публичные веб- и социальные исследования с контролируемым темпом, лимитами скорости и рабочим процессом, основанным на доказательствах.
Используйте, когда: Используйте это для создания законного исследовательского корпуса из публичных материалов; уважайте ограничения доступа, конфиденциальность и правила платформ.
Используйте прокрутку как непрерывное движение камеры через связанные сцены, включая практические исправления видео-декодирования на мобильных устройствах и iOS.
Используйте, когда: Используйте это для кинематографического, сценически ориентированного веб-опыта, где прокрутка управляет путешествием.
Система дизайна фронтенда против небрежности для лендингов, портфолио и редизайнов, которая избегает шаблонных решений.
Используйте, когда: Используйте её, когда проект требует одного сильного визуального слоя вкуса; не комбинируйте с несколькими конкурирующими системами стилей.
Официальные рекомендации GSAP для таймлайнов, ScrollTrigger, плагинов и интеграций с фреймворками такими как React и Vue.
Используйте, когда: Используйте это, когда GSAP выбран как runtime для анимации и важны текущие рекомендации API.
Библиотека компонентов с открытым исходным кодом для React, TypeScript, Tailwind и Motion с устанавливаемыми анимированными элементами управления и переходами.
Используйте, когда: Используйте её, когда проект на React нуждается в анимационных компонентах с исходным кодом, вместо того чтобы создавать каждое взаимодействие с нуля.
Принципы проектирования и инженерии для типографики, микро-взаимодействий, анимации и мелких деталей, которые делают интерфейс продуманным.
Используйте, когда: Используйте её для финальной доводки после того, как основной поток продукта и доступность уже работают.
npx skills add jakubkrehel/make-interfaces-feel-betterПрименяйте двенадцать классических принципов анимации к веб-взаимодействиям, чтобы движение было ясным, отзывчивым и живым.
Используйте, когда: Используйте её, когда движение интерфейса кажется механическим и нуждается в более четком тайминге, предвосхищении и завершении.
Аудит и исправление меток, работы клавиатуры, управления фокусом, контраста, ошибок в формах и взаимодействий, связанных с WCAG.
Используйте, когда: Используйте это перед отправкой интерактивных элементов управления, форм, меню и диалогов.
Обнаружение регрессий React в безопасности, производительности, корректности и архитектуре с помощью проверки качества с оценкой.
Используйте, когда: Используйте это как целенаправленную проверку состояния React, затем проанализируйте каждое найденное замечание перед изменением кода.
Практические шаблоны Vitest для модульных тестов, моков, покрытия, фикстур и фильтрации тестов.
Используйте, когда: Используйте это, когда Vitest является средой выполнения тестов проекта и вам нужна надежная и поддерживаемая структура тестов.
Руководство по строгому разрешению зависимостей, рабочим областям, каталогам, патчам и переопределениям в проектах pnpm.
Используйте, когда: Используйте это для рабочих пространств pnpm и монорепозиториев, где важны политика зависимостей и повторяемость.
Наиболее отмеченные звёздочкой навыки Claude Code: мозговой штурм, TDD, отладка, git worktree... Набор методологий разработки, которые можно комбинировать и автоматически запускать.
Используйте, когда: Используйте отдельный рабочий процесс, соответствующий задаче — планирование, TDD, отладка, worktrees или обзор — вместо того чтобы загружать всё сразу.
Превратите кодовую базу в интерактивную графовую структуру знаний, где можно исследовать и искать файлы, функции и классы.
Используйте, когда: Используйте это, чтобы войти в большую незнакомую кодовую базу или отобразить связи перед внесением структурных изменений.
Официальная коллекция Anthropic для рабочих процессов с PDF, DOCX, PPTX, XLSX, браузером и другими артефактами.
Используйте, когда: Используйте сосредоточенный навык, который соответствует артефакту, вместо того чтобы рассматривать весь репозиторий как один рабочий процесс.
Адаптивная система веб-скрейпинга с сервером MCP для извлечения структурированного контента до обработки агентом.
Используйте, когда: Используйте это для разрешенного извлечения из общедоступных веб-ресурсов, когда важны надежность и эффективность использования токенов.
Вносите текущую документацию библиотеки в контекст агента вместо того, чтобы полагаться на потенциально устаревшие данные обучения.
Используйте, когда: Используйте это всякий раз, когда внедрение зависит от текущей документации фреймворка, SDK, API или CLI.
Агентская стек-система сольного разработчика Гарри Тана: координированный набор рабочих процессов и инструментов для создания вывода масштаба команды с помощью AI-агентов.
Используйте, когда: Используйте это как модель работы для масштабной разработки, затем оставляйте только те части, которые нужны вашему проекту.
Редактура на китайском языке, которая удаляет формальные фразы ИИ, при этом сохраняя смысл и естественное региональное использование.
Используйте, когда: Используйте ее для проверки черновиков на китайском, а затем попросите свободно говорящего человека проверить тон, факты и местные нюансы.
Исследовательский слой командной строки для чтения и поиска информации в открытых веб-ресурсах, социальных сетях, видео, GitHub, RSS и региональных источниках агентом.
Используйте, когда: Используйте его, когда Гермесу требуется несколько онлайн-источников исследований; начните с проверки только для чтения и добавляйте аутентифицированные источники только если работа того требует.
Многоагентские рабочие процессы Hermione для глубоких исследований, интервью по требованиям, планирования с учетом противодействия, циклов реализации и проверки.
Используйте, когда: Используйте это для незнакомой или многоэтапной работы, где один агент не должен самостоятельно придумывать план и объявлять о выполнении без отдельной проверки.
Библиотека, созданная сообществом, структурированных оборонных и двойного назначения рабочих процессов кибербезопасности, сопоставленных с фреймворками MITRE и NIST; это не продукт Anthropic.
Используйте, когда: Используйте наиболее узкий релевантный навык для авторизованного обзора безопасности, моделирования угроз, подготовки к реагированию на инциденты или обучения, никогда не против систем без разрешения.
npx skills add mukul975/Anthropic-Cybersecurity-SkillsАгентная система видеопроизводства с определениями конвейеров, навыками производства, медиатулзами, контрольными точками обзора и композитором на основе Remotion.
Используйте, когда: Используйте это, когда конечный результат — готовое видео, и вы готовы управлять полным производственным репозиторием с Python, Node.js, FFmpeg, провайдерами и человеческой проверкой.
Локальная панель управления миссиями для создания, контроля, обзора и планирования задач агента Hermes в постоянных сессиях.
Используйте, когда: Используйте её, когда несколько длительных задач Hermes становятся трудными для отслеживания в истории терминала, и каждое завершение всё ещё требует одобрения человека.
npx minionsaiНавык Resemble AI для проверки аудио, изображений и видео с использованием API обнаружения медиа и возврата сигналов риска синтетических медиа.
Используйте, когда: Используйте его как один из входов при проверке или модерации медиа; не представляйте оценку детектора как окончательное доказательство, особенно в материалах с высокими ставками.
npx skills add resemble-ai/detect-skillПакет навыков производственного инжиниринга, охватывающий спецификацию, планирование, внедрение, тестирование, обзор, производительность и внимательную работу по выпуску.
Используйте, когда: Используйте это, чтобы добавлять явные шлюзы в реальный программный проект; просматривайте список и устанавливайте только те рабочие процессы, которые ваша команда действительно будет вызывать.
npx skills add addyosmani/agent-skillsНавыки для создания интеграций агентов с Composio Tool Router, аутентифицированными сессиями, триггерами и шаблонами подключения в продакшн.
Используйте, когда: Используйте это, когда Hermes должен действовать через внешние приложения; определите идентификацию пользователя, область аутентификации, утверждения и обработку вебхуков перед включением действий.
npx skills add composiohq/skillsСовместимый с Hermes навык для YouTube для транскриптов, поиска видео, каналов и плейлистов через YouTube Transcript API.
Используйте, когда: Используйте это для исследования учебных материалов, заметок курсов или анализа каналов после проверки текущих условий по кредитам API и обработке данных.
hermes skills install skills-sh/ZeroPointRepo/youtube-skills/skills/youtube-fullБиблиотека и CLI, которые извлекают основное содержание страницы в виде чистого HTML или Markdown для чтения, вырезок и работы downstream-агентов.
Используйте, когда: Используйте это, когда шумная обертка страницы тратит контекст; оно очищает предоставленные страницы, но не ищет источники и не проверяет их утверждения.
npm install -g defuddleНабор небольших, редактируемых инженерных и продуктивных навыков для работы с требованиями, отладки, тестирования, архитектуры, обзора кода и ежедневных поставок.
Используйте, когда: Используйте это, когда вы хотите составные рабочие процессы, а не одну большую операционную систему; запустите его навык установки и избегайте дублирования навыков, которые у вас уже есть.
npx skills@latest add mattpocock/skillsКлиент и дополнительная сервисная услуга, которые могут собирать, дедублировать и улучшать навыки из реальных сессий агентов в общую или локальную библиотеку.
Используйте, когда: Используйте это только после того, как появится стабильный базовый набор навыков, и вы будете готовы проверить, как обрабатываются данные сеансов, провайдеры, хранилище и сгенерированные изменения.
Самовосстанавливающаяся браузерная платформа, которая подключает агент к реальному браузеру и позволяет создавать повторно используемые помощники, когда отсутствует поддерживаемое действие.
Используйте, когда: Используйте это для повторяющейся работы в браузере с входом в систему в отдельном профиле с ограниченными правами, при этом записи и побочные эффекты контролируются явно.
Локальный сервер интеллектуального кода MCP, который индексирует структуру репозитория в постоянный граф знаний для быстрых запросов зависимостей и использования.
Используйте, когда: Используйте это на средних или крупных репозиториях после проверки нативного установщика и сгенерированной конфигурации MCP; это дополняет, а не заменяет чтение соответствующих исходных файлов.
Устанавливаемый навык плюс публичная библиотека циклов для поиска, аудита, адаптации и выполнения повторяемых рабочих процессов агента с проверками и условиями остановки.
Используйте, когда: Используйте это для итеративной работы, где каждый проход можно измерить и отклонить; определите проверку успеха, лимит ресурсов и передачу человеку перед началом.
npx skills add Forward-Future/loopy --skill loopyCLI/приложение на Python, которое развивает навыки агента на основе трасс выполнения через постоянную вики, шаг предложений и контрольную валидацию; оно включает навыки фреймворка, но само по себе не является только пакетом SKILL.md.
Используйте, когда: Используйте только для синтетического или публичного, автоматически проверяемого повторяющегося рабочего процесса в выделенном профиле тестирования Hermes или Claude Code. Он может копировать конфигурацию профиля и учетные данные, запускать подпроцессы с поддержкой модели, записывать рабочие области и журналы транскрипций, а также генерировать недоверенные инструкции; проверять wheel, закреплять версию, просматривать предложения, сканировать трассировки, поддерживать CLI и удалять как пакет, так и его временную рабочую область/профиль после теста.
pip install wikiskillМногие практические рабочие процессы уже включены в Cursor или Claude Code, включая создание навыков, исправления CI, вспомогательные средства развертывания, Sentry и публикацию в Git.
Используйте, когда: Проверьте встроенные возможности агента, прежде чем устанавливать дублирующий сторонний навык.
Попробуйте более широкую фразу или очистите один из фильтров.
Выбрано потому, что рабочий процесс трудно заменить одним универсальным запросом, а не потому, что он самый установленный.
Исследуйте открытое решение через изолированные когнитивные рамки, затем оценивайте, устраняйте ловушки и углубляйте жизнеспособных выживших.
Важное решение по дизайну, архитектуре, наименованию или стратегии может иметь несколько правдоподобных ответов; пропускайте его для известных ошибок и задач с одним очевидным ответом.Просмотреть источник ↗Преобразуйте нечеткие описания движений в формальные термины для облегчения точного задания и кратких заданий.
Используйте его, когда нужно правильное название эффекта движения; он называет паттерны, но не реализует их.Просмотреть источник ↗Создайте бренд-борд, логосистему, презентацию идентичности, макет и визуальный мир.
Для установления полного направления идентичности; не рассматривайте первый вариант логотипа как готовый продукт.Просмотреть источник ↗Выведите отличительное, анти-типовое направление дизайна из брифа, с анализом редизайна и предварительной проверкой.
Используйте его для целевых страниц, портфолио и кампаний; выберите одну сильную систему вкусов вместо того, чтобы складывать несколько.Просмотреть источник ↗Установите PreToolUse hook для блокировки опасных команд git.
Если вы хотите превратить правила безопасности в механическое исполнение, вам нужно утвердить область перед изменением хуков.Просмотреть источник ↗Используйте интенсивные интервью для стресс-тестирования планов/дизайнов и проактивно ищите предположения и неопределенности.
Риски высоки или решения плохо определены; требуется участие пользователей.Просмотреть источник ↗План стресс-тестирования также создает долговечные документы, такие как ADR и глоссарий.
Сложная область/долгосрочный проект; быстрых ответов нет.Просмотреть источник ↗Создавайте премиальные шрифты для агентства, правила интервалов, теней, карточек и анимации явно.
Маркетинговая поверхность высокой ценности; внутренний инструмент с большим объёмом данных следует использовать с осторожностью.Просмотреть источник ↗Сначала создавайте/анализируйте визуалы больших секций, затем реализуйте сайты с высокой точностью.
Визуальная точность является основным критерием принятия; для обычного CRUD это не требуется.Просмотреть источник ↗Генерируйте независимые, действенные, качественные эталонные изображения для каждого раздела сайта.
Используйте это для визуально критичных сайтов; контролируйте стоимость генерации и держите разделы в рамках одной согласованной системы.Просмотреть источник ↗Делайте анимацию Remotion читаемой для агента и редактируемой в студийном визуальном режиме.
Новый интерактивный рабочий процесс Remotion; очень новый, только локальный эксперимент проекта.Просмотреть источник ↗Проверка кода анимации с использованием строгих критериев, таких как цель, частота, сглаживание, длительность, источник, GPU, доступность и т.д.
Рецензия PR анимации; только просмотр, без общих функций.Просмотреть источник ↗Сохранить оригинальный фильм и добавить графическое наложение, нижнюю треть, цитату, PIP и указание данных в соответствии с раскадровкой.
Пакет для интервью/подкаста/говорящей головы; простой субтитр использует титры.Просмотреть источник ↗Создает черно-белый lo-fi SVG, аннотации и мультиэкранный поток, намеренно откладывая решения по брендингу.
До того как определяется макет/поток; производственный интерфейс, высококачественный дизайн и публикация не входят в стандартные задачи.Просмотреть источник ↗Используйте прокрутку как непрерывное движение камеры через связанные сцены, включая практические исправления видео-декодирования на мобильных устройствах и iOS.
Используйте это для кинематографического, сценически ориентированного веб-опыта, где прокрутка управляет путешествием.Просмотреть источник ↗Используйте их как отправные точки, затем удалите все, что не служит фактической работе.
От чёткого задания — к протестированному и проверенному результату.
Мозговой штурмСоставление планаСистематическая отладкаРазработка через тестированиеПроверка перед завершениемЗапрос проверки кодаСочетайте визуальную концепцию, аккуратную реализацию и обязательную проверку.
Проектирование интерфейсаПрактики Vercel и ReactВизуальная насмотренностьРекомендации по веб-дизайнуТестирование веб-приложенийСначала определите структуру и визуальный язык, затем создавайте рабочий интерфейс.
Каркасный макетImageGen для интерфейсовИз изображения в кодПроверка анимацийОпирайтесь на источники, выстраивайте материал и редактируйте финальный текст.
Firecrawl или исследованиеКонтент-стратегияСовместная работа над документамиРедактура текстаSEO-аудит или SEO с ИИВыберите один производственный конвейер и не смешивайте несовместимые подходы.
Лучшие практики RemotionИнтерактивность Remotion при необходимостиHyperframes: единый рабочий процессИспользуйте технические ограничения, а критические действия оставляйте под контролем человека.
Рабочие деревья GitОграничения Git в Claude CodeПроверка перед завершениемПодтверждение человеком критических действийИспользуйте каталог как короткий список, затем проверяйте каждый навык в среде, где он будет использоваться.
Навык агента ИИ — это многоразовый пакет инструкций для конкретного рабочего процесса. Навык может включать файл SKILL.md, справочные материалы, скрипты, шаблоны и правила, которые указывают агенту, когда и как выполнять работу.
Многие навыки следуют открытому стандарту Agent Skills и могут перемещаться между совместимыми инструментами. Однако структурные данные, разрешения инструментов, хуки или предположения о среде выполнения, специфические для продукта, могут потребовать адаптации.
Начните с узкого места в реальной задаче, изучите исходные данные и разрешения, затем протестируйте один навык на обратимой задаче. Сохраняйте его только в том случае, если результат становится более надежным или проще для проверки.
Относитесь к навыку как к коду или зависимости. Читайте его инструкции и скрипты, проверяйте исходный код и историю обслуживания, просматривайте запрашиваемые инструменты и избегайте предоставления широкого доступа до проведения изолированного теста.
Аккаунт Mantis