garden-skills.mdПубличный

Garden Skills

Веб-дизайн, извлечение знаний и разработка от ConardLi

О скиле

Открытая коллекция скилов от ConardLi — популярного китайского фронтенд-инженера с большой аудиторией в Developer сообществе. Коллекция охватывает три направления: веб-дизайн с современными CSS-паттернами, извлечение знаний из документов и ресурсов, а также помощь с кодом в контексте последних веб-стандартов. Скилы активно обновляются — последнее обновление было вчера. Если вы фронтенд-разработчик — получаете актуальный контекст по современным CSS и JS практикам. Если вы вайб-кодер — строите красивые веб-страницы опираясь на опыт практикующего инженера. Работает с Claude Code.

Об источнике

Автор скила — ConardLi. Репозиторий проекта собрал 8.3k звёзд на GitHub. Распространяется под лицензией MIT. Открыть репозиторий.

Как установить

  1. Открой папку скилов Claude Code: open ~/.claude/skills/

  2. Склонируй репозиторий: git clone https://github.com/ConardLi/garden-skills ~/.claude/skills/garden-skills

  3. Перезагрузи Claude Code — скил подхватится автоматически.

  4. Активируй в чате: Use garden-skills skill.

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Разработка»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Непонятные термины? Загляни в «Понятия» — словарь ИИ

Частые вопросы

Что такое скил «Garden Skills»?
«Garden Skills» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Разработка, Инструменты. Чаще всего пригождается профессиям: Разработка и программирование, Дизайн и UX/UI. Ключевые темы скила: frontend, web-design, css, knowledge, collection.
Как установить скил «Garden Skills» в Claude Code?
Скачайте .md-файл скила «Garden Skills» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/ConardLi/garden-skills.
Бесплатен ли скил «Garden Skills»?
Да, скил «Garden Skills» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — ConardLi, распространяется под лицензией MIT.

Больше вопросов про Agent Skills — общий FAQ маркетплейса