Термос Беспалова
+7 909 561-04-99 СвязатьсяСвязаться
Скилл · Разработка

Garden Skills

Коллекция ConardLi: веб-дизайн, знания, разработка.

Файл garden-skills.md ★ 8.3k у репозитория Лицензия MIT
О скилле

Что делает

Живая коллекция ConardLi — китайского фронтенд-инженера с большой аудиторией: современные CSS-паттерны, извлечение знаний из документов, помощь с кодом по свежим веб-стандартам. Обновляется практически ежедневно. Фронтендеру даёт актуальный контекст по CSS и JS, вайб-кодеру — красивые страницы, опирающиеся на опыт практикующего инженера.

frontendweb-designcssknowledgecollection
Источник

Откуда скилл и как поставить

Автор и репозиторий

Автор — ConardLi. Репозиторий собрал 8.3k звёзд на GitHub. Распространяется под лицензией MIT. Файл garden-skills.md открыт: прочитать его можно до установки.

Открыть репозиторий

Установка в Claude Code

Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Garden Skills».

Cursor и другие редакторы

Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Гайды 2026

Разобрано до шаблонов: три гайда по 490 ₽

Всё, что в статьях идёт по верхам, здесь собрано в PDF: пошаговые схемы, готовые промпты и шаблоны, которые можно взять и применить в тот же день.

Обложка гайда «Промпты, которые работают: система и 60 готовых шаблонов»

Промпты, которые работают: система и 60 готовых шаблонов

Как писать запросы к нейросетям так, чтобы ответы можно было брать в работу без переписывания

  • Формула промпта из семи элементов с разбором «плохо / хорошо»
  • Работа с контекстом и файлами: как кормить модель данными
  • Итерации: как дорабатывать ответ, а не начинать заново
  • Few-shot и цепочки промптов со схемами

PDF, 57 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Свой ИИ-агент за выходные: пошагово, с кодом и без»

Свой ИИ-агент за выходные: пошагово, с кодом и без

Три рабочих проекта, выбор платформы, безопасность, стоимость и тесты: от агента в конструкторе до Python-кода с MCP

  • Цикл агента и пять архитектур со схемами
  • Честный раздел «когда агент не нужен» и дерево решений
  • Сравнение платформ no-code и кода по девяти критериям
  • Три проекта пошагово: секретарь заявок, аналитик отчёта, агент на коде

PDF, 51 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Claude с нуля: от первого чата до скиллов и Claude Code»

Claude с нуля: от первого чата до скиллов и Claude Code

Модели, проекты, 18 сценариев с промптами, скиллы, MCP и Claude Code для тех, кто не пишет код

  • Как выбрать модель Claude по задаче (актуально на 25.09.2026)
  • Схема интерфейса и разбор возможностей: проекты, артефакты, поиск, память, рассуждение
  • Формула запроса и приёмы, которые работают именно у Claude
  • 18 рабочих сценариев с готовыми промптами: письма, договоры, презентации, таблицы, исследования

PDF, 42 стр., A4

Посмотреть фрагмент (PDF)

Есть и бесплатные гайды

Все гайды

Оплата на стороне платёжного сервиса. После оплаты вы вернётесь на сайт, и файл откроется сразу. Оплачивая, вы принимаете оферту.

Хотите внедрить, но некогда разбираться?

Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.

Получить консультацию
Рядом на полке

Похожие скиллы

design-html.md★ 111k Design HTML Из утверждённого макета — финальный HTML и CSS designhtmlcss garrytan · MIT jeffallan-claude-skills.md★ 10k Jeffallan Claude Skills Десятки скиллов под фулстек: фронтенд, бэкенд, процессы fullstackfrontendbackend Jeffallan · MIT figma-design-react.md★ 114 Figma Design React Ссылка на макет — готовые компоненты с точными стилями figmareactfrontend Bitovi · MIT react-patterns.md★ 220k React Patterns Современные приёмы React: отложенная загрузка, серверные компоненты reacthooksserver-components affaan-m · MIT react-performance.md★ 220k React Performance Ускорение React и Next.js: лишние перерисовки, картинки, шрифты reactnextjsperformance affaan-m · MIT ui-to-vue.md★ 220k UI to Vue Скриншоты и макеты из Figma превращает в компоненты Vue 3 — пачками vuefigmafrontend Affaan M (ECC) · MIT
Дальше

Куда идти дальше

Категория «Разработка»

Самая большая полка каталога: написание и ревью кода, рефакторинг, отладка, архитектура, работа с фреймворками.

Ко всем скиллам категории

Гайды

Пошаговые разборы: от первого промпта до своих агентов и автоматизации.

К каталогу гайдов
Вопросы

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

Что делает скилл Garden Skills?
Коллекция ConardLi: веб-дизайн, знания, разработка. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: frontend, web-design, css, knowledge, collection.
Как установить Garden Skills?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/ConardLi/garden-skills ~/.claude/skills/garden-skills — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «Garden Skills» открыт: автор — ConardLi, скачивается из официального репозитория без регистрации. Распространяется под лицензией MIT. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

Нужен такой результат в вашей работе?

Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.

Получить консультацию

Пн–Вс, 10:00–20:00. Отвечаю лично.