ConardLi/garden-skills: коллекция AI-навыков для агентов

«Skill — это не просто промпт, который вы вводите один раз. Это переиспользуемый пакет, который AI-агент загружает автоматически, когда задача совпадает с описанием навыка.»

Что это такое и для кого

garden-skills — открытая коллекция production-ready Skills для AI-кодинговых агентов, предлагающая набор инструментов для веб-дизайна, поиска по базам знаний, генерации изображений и многого другого.

Проект создан разработчиком ConardLi и распространяется под лицензией MIT. На GitHub репозиторий набрал около 9,8 тысяч звёзд и более 1,3 тысяч форков при четырёх активных контрибьюторах.

Для кого предназначен:

• Разработчики, использующие Claude Code, Cursor, OpenAI Codex CLI или GitHub Copilot
• Фронтенд-инженеры и дизайнеры, которым нужны красивые артефакты из AI
• Аналитики и исследователи, работающие с локальными базами документов
• Контент-мейкеры и те, кто создаёт видеопрезентации из статей и скриптов

Skills — открытый стандарт. Спецификация Agent Skills поддерживается Claude Code, OpenAI Codex CLI, Cursor, Gemini CLI и GitHub Copilot, поэтому скилл, написанный для одного агента, без изменений работает в других инструментах.

Ключевые возможности

Коллекция включает 5 скиллов с суммарным количеством установок более 13,7 тысяч. Рассмотрим каждый подробнее.

1. web-design-engineer 🎨

Это AI-агент-скилл, трансформирующий AI-сгенерированные веб-страницы «из функциональных в потрясающие». Реализован как переиспользуемый Skill для AI-кодинговых агентов — таких как Claude Code и Cursor — и существенно улучшает качество дизайна HTML/CSS/JavaScript-артефактов.

Обычные LLM сходятся к одной и той же эстетике: шрифт Inter, синие кнопки, пурпурно-розовые градиенты, большие скруглённые карточки, эмодзи в роли иконок. Технически корректно — визуально банально. Скилл исправляет это через «антиклише-правила» — явный блок-лист перегруженных AI-паттернов дизайна.

Применение: создание или редизайн полированных артефактов в браузере с HTML/CSS/JavaScript/React — страницы, дашборды, прототипы, слайд-деки, анимации, UI-макеты и визуализации данных.

Пример запроса к агенту:

npx skills add ConardLi/garden-skills -s web-design-engineer

Затем в Claude Code:

Build a homepage for a fictional 'Space Exploration Museum' — 
full-screen hero, 4 exhibition sections, a timeline with 6+ milestones,
a booking CTA, and a footer. Deep, immersive, cosmic feel.

2. web-video-presentation 🎬

Категория: Web Video / Presentation Engineering. Лучше всего подходит для превращения скриптов, статей, уроков, продуктовых демо и докладов в кликабельные 16:9 веб-презентации, которые можно записать как кинематографические видео. web-video-presentation строит готовые к записи Vite + React + TypeScript-презентации, ведущие себя как видеопродакшн-поверхности.

Рабочий процесс превращает сырые статьи в нарративные скрипты, разбивает биты скрипта на полноэкранные сцены, останавливается в обязательных контрольных точках и может опционально синтезировать аудио-нарацию после утверждения визуальной структуры.

3. gpt-image-2 🖼️

gpt-image-2 — сфокусированный скилл генерации изображений для GPT Image 2 и OpenAI-совместимых image API. Разработан для работы в разных средах агента: полностью локальная генерация (Garden), делегирование встроенному инструменту хоста или режим prompt-советника при отсутствии image-инструмента.

Скилл содержит структурированную библиотеку шаблонов из 18 категорий и 79 prompt-шаблонов, охватывающих постеры, UI-макеты, продуктовые визуалы, инфографику, академические схемы, технические диаграммы, комиксы, аватары и редакционные воркфлоу.

Обеспечивает воспроизводимое архивирование промптов и изображений в директориях garden-gpt-image-2/prompt/ и garden-gpt-image-2/image/ с именованием по task-slug и timestamp.

4. kb-retriever 🔍

Скилл для AI-агентов, эффективно отвечающий на вопросы по локальной мультиформатной директории знаний с использованием иерархической навигации по индексу и прогрессивного поиска — без загрузки целых файлов в контекст. Укажите агенту на локальную директорию с файлами смешанных форматов (Markdown, PDF, Excel) и задавайте вопросы на естественном языке.

kb-retriever — локальный ретривер базы знаний, построенный на осторожном прогрессивном поиске. Вместо загрузки целых файлов он навигирует по иерархическим индексным файлам, сужает набор кандидатов, корректно обрабатывает сложные типы файлов и отвечает со ссылками на источники.

Включает воркфлоу для grep, pdftotext, pdfplumber и pandas с форматированием ответов с указанием источников.

5. beautiful-article ✍️

Категория: Editorial. Лучше всего подходит для превращения URL, PDF, DOCX, Markdown, простого текста, скриншотов и вставленных заметок в полированную, готовую к публикации статью. beautiful-article — это редакционный скилл-«упряжь»: он не просто «делает веб-страницу», а редактирует и оформляет исходный материал в статью, которую удобнее читать, распространять и архивировать.

Скилл проходит по циклу source → plan → double-confirmation → build → final review → repair и останавливается в трёх обязательных точках, оставляя пользователю редакторский контроль над типом статьи, темой, макетом, стратегией изображений и форматом выдачи.

Архитектура проекта

graph TD
    A[garden-skills репозиторий] --> B[web-design-engineer]
    A --> C[web-video-presentation]
    A --> D[gpt-image-2]
    A --> E[kb-retriever]
    A --> F[beautiful-article]

    B --> G[HTML/CSS/JS/React артефакты]
    C --> H[Vite + React + TS презентация]
    D --> I[GPT Image 2 / OpenAI API]
    E --> J[PDF / Markdown / Excel / Txt]
    F --> K[Полированная статья]

    G --> L[Claude Code]
    H --> L
    I --> L
    J --> L
    K --> L
    L --> M[Cursor]
    L --> N[OpenAI Codex CLI]
    L --> O[GitHub Copilot]

Архитектура проекта модульная: каждый скилл находится в собственной директории. Используется theme-token архитектура для визуальных языков, а также комбинация CLI-скриптов, marketplace-плагинов и Git-подмодулей для деплоя и обновлений.

Установка и использование

Самый быстрый агент-агностический путь — npx skills CLI, который автоматически определяет вашего агента (Claude Code, Cursor, Codex и др.) и помещает скилл в нужную директорию.

# Установить все 5 скиллов (последняя версия)
npx skills add ConardLi/garden-skills

# Установить только один скилл
npx skills add ConardLi/garden-skills -s web-design-engineer

# Глобальная установка (~/.skills)
npx skills add ConardLi/garden-skills -s gpt-image-2 --global

# Указать целевого агента
npx skills add ConardLi/garden-skills -s kb-retriever -a claude-code

Пользователи Claude Code могут подписаться на marketplace и устанавливать plugin-пакеты, объединяющие несколько скиллов:

/plugin marketplace add ConardLi/garden-skills
/plugin install web-design-skills@garden-skills
/plugin install image-generation-skills@garden-skills

Тарифы и цены

garden-skills полностью бесплатен — MIT-лицензия, без каких-либо платных планов или подписок. Расходы возникают только на уровне самих AI-агентов и API:

Плюсы и минусы

Сравнение с альтернативами

Для сравнения возьмём два похожих подхода: heygen-com/hyperframes (крупнейшая коллекция скиллов на claudeskills.info) и mattpocock/skills (популярная TypeScript-ориентированная коллекция).

Вердикт

garden-skills — зрелый, хорошо структурированный open-source проект, который закрывает реальные болевые точки разработчиков, работающих с AI-агентами. Проект привлекает внимание комплексным набором скиллов, заточенных под AI-кодинговые агенты, и фокусом на production-readiness — именно это выгодно отличает его от универсальных AI-инструментов.

Скилл web-design-engineer вдохновлён системным промптом Claude Design — визуального дизайн-продукта Anthropic, запущенного в апреле 2026 года. Это показывает уровень проработки: разработчик не изобретает велосипед, а дистиллирует лучшие практики из реальных продуктов.

Кому подойдёт:

• ✅ Фронтенд-разработчикам, уставшим от «AI-generic» дизайна
• ✅ Исследователям и аналитикам с локальными базами документов
• ✅ Контент-мейкерам, создающим видеопрезентации из статей
• ✅ DevOps/CI-командам, которым нужна воспроизводимость
• ❌ Нетехническим пользователям без опыта работы с CLI
• ❌ Тем, кто ищет автономный SaaS без настройки

Рейтинг: 8.2 / 10

🔗 GitHub: ConardLi/garden-skills