Автор и репозиторий
Автор — ConardLi. Репозиторий собрал 8.3k звёзд на GitHub. Распространяется под лицензией MIT. Файл garden-skills.md открыт: прочитать его можно до установки.
Открыть репозиторий
Скилл · Разработка
Garden Skills
Коллекция ConardLi: веб-дизайн, знания, разработка.
О скилле
Что делает
Живая коллекция ConardLi — китайского фронтенд-инженера с большой аудиторией: современные CSS-паттерны, извлечение знаний из документов, помощь с кодом по свежим веб-стандартам. Обновляется практически ежедневно. Фронтендеру даёт актуальный контекст по CSS и JS, вайб-кодеру — красивые страницы, опирающиеся на опыт практикующего инженера.
Источник
Откуда скилл и как поставить
Установка в Claude Code
Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Garden Skills».
Cursor и другие редакторы
Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.
Хотите внедрить, но некогда разбираться?
Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.
Получить консультацию
Рядом на полке
Похожие скиллы
design-html.md★ 111k
Design HTML
Из утверждённого макета — финальный HTML и CSS
garrytan · MIT
jeffallan-claude-skills.md★ 10k
Jeffallan Claude Skills
Десятки скиллов под фулстек: фронтенд, бэкенд, процессы
Jeffallan · MIT
figma-design-react.md★ 114
Figma Design React
Ссылка на макет — готовые компоненты с точными стилями
Bitovi · MIT
react-patterns.md★ 220k
React Patterns
Современные приёмы React: отложенная загрузка, серверные компоненты
affaan-m · MIT
react-performance.md★ 220k
React Performance
Ускорение React и Next.js: лишние перерисовки, картинки, шрифты
affaan-m · MIT
ui-to-vue.md★ 220k
UI to Vue
Скриншоты и макеты из Figma превращает в компоненты Vue 3 — пачками
Affaan M (ECC) · MIT
Дальше
Куда идти дальше
Категория «Разработка»
Самая большая полка каталога: написание и ревью кода, рефакторинг, отладка, архитектура, работа с фреймворками.
Ко всем скиллам категорииСловарь терминов
Промпт, токен, MCP, агент — 44 понятия простыми словами, если что-то на этой странице звучит незнакомо.
Открыть словарьГайды
Пошаговые разборы: от первого промпта до своих агентов и автоматизации.
К каталогу гайдов
Вопросы
Частые вопросы
Что делает скилл 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. Отвечаю лично.