12.9K ·GitHub
Что это такое?
Garden Skills — это отобранная коллекция готовых к продакшену Agent Skills, то есть устанавливаемых наборов инструкций для AI-агентов, которые пишут код. Она охватывает веб-дизайн, веб-презентации в стиле видео, генерацию изображений и поиск по базам знаний.
Garden Skills — это отобранная коллекция готовых к продакшену Agent Skills, то есть устанавливаемых наборов инструкций для AI-агентов, которые пишут код. Она охватывает веб-дизайн, веб-презентации в стиле видео, генерацию изображений и поиск по базам знаний.То есть это не приложение — что именно я получу после установки?Каждый элемент — это пакет навыка: файл SKILL.md с инструкциями, плюс шаблоны, темы и скрипты, которые ваш кодинг-агент подгружает, когда появляется подходящая задача. Устанавливаются они в агенты вроде Claude Code небольшим CLI-инструментом npx skills.
Каждый элемент — это пакет навыка: файл SKILL.md с инструкциями, плюс шаблоны, темы и скрипты, которые ваш кодинг-агент подгружает, когда появляется подходящая задача. Устанавливаются они в агенты вроде Claude Code небольшим CLI-инструментом npx skills.Как установить эти навыки?Четыре способа: установить skills CLI через npx, добавить коллекцию из маркетплейса плагинов Claude Code, скачать закреплённый .zip из раздела Releases или скопировать файлы вручную / подключить как git-сабмодуль.
Четыре способа: установить skills CLI через npx, добавить коллекцию из маркетплейса плагинов Claude Code, скачать закреплённый .zip из раздела Releases или скопировать файлы вручную / подключить как git-сабмодуль.Нужен ли какой-то конкретный кодинг-агент и что ещё должно быть установлено?Навыки рассчитаны на Claude Code, Cursor, Codex и другие AI-агенты для кода, а не на один конкретный инструмент. Если используете навык презентаций, он создаёт проекты на Vite + React + TypeScript, поэтому для сгенерированного результата нужен Node.js; собственные скрипты репозитория требуют Node 20+.
Навыки рассчитаны на Claude Code, Cursor, Codex и другие AI-агенты для кода, а не на один конкретный инструмент. Если используете навык презентаций, он создаёт проекты на Vite + React + TypeScript, поэтому для сгенерированного результата нужен Node.js; собственные скрипты репозитория требуют Node 20+.Есть ли подводные камни, о которых стоит знать заранее?Сквозной режим без участия человека не предусмотрен: навык презентаций останавливается на обязательных точках согласования (сценарий, тема, структура, режим реализации), а навык работы с изображениями сначала определяет режим запуска — если инструмента для картинок нет, он ограничивается только написанием промптов.
Сквозной режим без участия человека не предусмотрен: навык презентаций останавливается на обязательных точках согласования (сценарий, тема, структура, режим реализации), а навык работы с изображениями сначала определяет режим запуска — если инструмента для картинок нет, он ограничивается только написанием промптов.Это работает на моём компьютере или в облаке?Навыки — это обычные файлы, которые читает ваш кодинг-агент, поэтому они работают везде, где запускаются Claude Code, Cursor или Codex — на macOS, Windows или Linux. Всё, что они генерируют (презентации, страницы), — это локальные веб-проекты.
Навыки — это обычные файлы, которые читает ваш кодинг-агент, поэтому они работают везде, где запускаются Claude Code, Cursor или Codex — на macOS, Windows или Linux. Всё, что они генерируют (презентации, страницы), — это локальные веб-проекты.Какие навыки входят в коллекцию?Четыре основных навыка: web-video-presentation (превращает сценарии, статьи и доклады в записываемые веб-презентации формата 16:9), web-design-engineer (аккуратная фронтенд-разработка и работа с дизайн-системами), gpt-image-2 (генерация и редактирование изображений для GPT Image 2 и OpenAI-совместимых API, с 79 шаблонами промптов и библиотекой из 160+ публичных примеров) и kb-retriever для поиска по базам знаний.
Четыре основных навыка: web-video-presentation (превращает сценарии, статьи и доклады в записываемые веб-презентации формата 16:9), web-design-engineer (аккуратная фронтенд-разработка и работа с дизайн-системами), gpt-image-2 (генерация и редактирование изображений для GPT Image 2 и OpenAI-совместимых API, с 79 шаблонами промптов и библиотекой из 160+ публичных примеров) и kb-retriever для поиска по базам знаний.Как выглядят созданные презентации?Это сцена фиксированного размера 1920×1080, которая масштабируется под окно браузера. Управление — кликом или клавиатурой, на каждый визуальный шаг приходится один фрагмент закадрового текста; элементы прогресса скрыты и видны только при наведении курсора, чтобы сцена оставалась чистой при записи экрана. Есть 23 встроенные темы с разными дизайн-стилями — от редакционного до терминального и швейцарского международного стиля.
Это сцена фиксированного размера 1920×1080, которая масштабируется под окно браузера. Управление — кликом или клавиатурой, на каждый визуальный шаг приходится один фрагмент закадрового текста; элементы прогресса скрыты и видны только при наведении курсора, чтобы сцена оставалась чистой при записи экрана. Есть 23 встроенные темы с разными дизайн-стилями — от редакционного до терминального и швейцарского международного стиля.Можно ли добавить к презентациям голосовое сопровождение?Да — TTS подключается как плагин и не привязан к конкретному провайдеру: из коробки идут два встроенных провайдера (MiniMax mmx-cli и OpenAI TTS через curl), а для ElevenLabs, edge-tts, Azure, Google Cloud и macOS say есть готовые фрагменты кода, которые можно просто вставить. Синтез аудио запускается только после того, как вы утвердите визуальный план.
Да — TTS подключается как плагин и не привязан к конкретному провайдеру: из коробки идут два встроенных провайдера (MiniMax mmx-cli и OpenAI TTS через curl), а для ElevenLabs, edge-tts, Azure, Google Cloud и macOS say есть готовые фрагменты кода, которые можно просто вставить. Синтез аудио запускается только после того, как вы утвердите визуальный план.Какие стили дизайна знает web-design-engineer?В него входит Design Direction Advisor с шестью различающимися школами дизайна и 25 привязанными к конкретным стилям рецептами — Linear, Aesop, Pentagram, Bloomberg, Stripe Press, Mid-Century, Y2K и другие. Для каждого рецепта заданы палитра, типографика, фирменные приёмы и антипаттерны. Отдельный блок-список клише уводит результат от типового AI-вида интерфейсов.
В него входит Design Direction Advisor с шестью различающимися школами дизайна и 25 привязанными к конкретным стилям рецептами — Linear, Aesop, Pentagram, Bloomberg, Stripe Press, Mid-Century, Y2K и другие. Для каждого рецепта заданы палитра, типографика, фирменные приёмы и антипаттерны. Отдельный блок-список клише уводит результат от типового AI-вида интерфейсов.What are similar projects?taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, transitions.dev, Skills, evondevKit
taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, transitions.dev, Skills, evondevKitWhich topics is it in?web-design, gpt-image-2, presentation, design-system, tts, agent-skill, vite, knowledge-base, image-generation, prompt-engineering, cursor, rag
web-design, gpt-image-2, presentation, design-system, tts, agent-skill, vite, knowledge-base, image-generation, prompt-engineering, cursor, rag