>ИИ-офисМаркетплейс скилов
Все скилыНаборыПрофессииКатегорииFAQ
@openai_ruВойти
Все скилыНаборыПрофессииКатегорииFAQ
telegram

Сборник материалов про вайбкодинг и нейросети — где брать скилы, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram

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

  • Разработка
  • Инструменты
  • Бизнес
  • Контент и медиа
  • Данные и ИИ
  • Тестирование и безопасность
  • DevOps
  • Документация

Скилы по профессии

  • Разработка и программирование
  • Операционка и автоматизация
  • Маркетинг и контент
  • Продакт-менеджмент
  • Дата-сайенс и ML
  • Дизайн и UX/UI
  • Тестирование и QA
  • Креатив (видео, фото, презентации)

Маркетплейс

  • Все скилы
  • Все скилы списком
  • Наборы
  • Гайды по AI
  • Понятия: словарь ИИ
  • Профессии
  • Категории
  • Направления
  • FAQ

Telegram

  • Канал про вайбкодинг и нейросети
  • Войти в портал

Контакт и правовое

  • Написать в Telegram
  • Политика конфиденциальности
© ИИ-офис 2026
// Маркетплейс скилов для Claude Code@openai_ru
Маркетплейс скилов/Дизайн и UX/UI/Liquid Glass Design — стиль liquid glass
liquid-glass-design.mdПубличный

Liquid Glass Design — стиль liquid glass

Современный визуал в стиле Apple liquid glass

ВайбкодингДизайн и UX/UIКреатив (видео, фото, презентации)РазработкаКонтент и медиа
type:skillfor:claude-code

О скиле

Создаёт интерфейсы в стиле liquid glass: полупрозрачные панели, мягкое размытие фона, глубина через тени — дизайн-тренд популяризованный Apple в iOS 26. Для вайб-кодеров и дизайнеров которые хотят премиум-визуал на лендингах и дашбордах без ручной возни с CSS-эффектами. В Claude Code скил добавляет паттерны backdrop-filter, CSS-масок и WebGL-шейдеров для React, Vue и обычного HTML. Смежные применения: лендинги, SaaS-дашборды, прототипы для инвесторов, модальные окна.

Об источнике

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

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

Скил liquid-glass-design — стиль liquid glass лежит подпапкой внутри моно-репозитория affaan-m/ECC. Установка — через sparse-checkout (скачиваем только нужную подпапку), либо вручную.

1. Создай папку скила:

CLI
mkdir -p ~/.claude/skills/liquid-glass-design

2. Скачай содержимое подпапки skills/liquid-glass-design через sparse-checkout:

CLI
cd /tmp
git clone --filter=blob:none --no-checkout https://github.com/affaan-m/ECC.git
cd ECC
git sparse-checkout set skills/liquid-glass-design
git checkout main
cp -r skills/liquid-glass-design/* ~/.claude/skills/liquid-glass-design/

Альтернатива — скачать SKILL.md (и сопутствующие файлы) вручную с GitHub и положить в ~/.claude/skills/liquid-glass-design/.

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

4. Активируй скил в чате Claude:

CLI
Use liquid-glass-design skill

Или скажи естественным языком: «Применяй liquid-glass-design для этой задачи».

Установка

Открыть репозиторийgithub.com/affaan-m/ECC/tree/main/skills/liquid-glass-design

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

telegram

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

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram

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

// продолжай по той же профессии или категории
  • Claude Design
    HTML-артефакты: лендинги, деки
  • Дизайнер премиум сайтов
    Дизайн премиум-сайтов от концепта до каркаса
  • Frame Liquid Bg Hero
    WebGL-фон с жидкостным эффектом для hero-секций
  • Shader Dev
    GLSL-шейдеры: рейтрейсинг, частицы, процедурность
  • Nothing Design Skill
    UI в стиле Nothing: монохром, типографика, OLED
  • Styleseed
    Дизайн-система для вайб-кодинга

Связанные гайды

// как применять скилы Claude Code на практике
  • Скиллы для дизайна и UI/UX в Claude Code
    Дизайн-скилы для Claude: UI/UX Pro Max, frontend-design и Taste. Что делает каждый, как подключить и какой брать под лендинг, приложение и портфолио.
  • Claude Code для фронтенда: компоненты и UI
    Как делать фронтенд с Claude Code: писать компоненты в стиле проекта, верстать по скриншоту, чинить баги вёрстки и отлаживать UI через браузер по MCP. С примерами.
  • Лучшие скиллы для Claude Code: топ-каталог 2026
    Топ навыков для Claude Code 2026 по категориям: дизайн, планирование, документы, данные, текст. Что поставить, сводная таблица и ссылки на карточки маркетплейса.
  • Как установить skill в Claude Code: пошагово 2026
    Как установить скилл в Claude Code и Claude.ai: папка с SKILL.md в ~/.claude/skills/, загрузка .zip и установка из GitHub или маркетплейса. Три способа по шагам.
Непонятные термины? Загляни в «Понятия» — словарь ИИ

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

Что такое скил «Liquid Glass Design — стиль liquid glass»?
▶
«Liquid Glass Design — стиль liquid glass» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Разработка, Контент и медиа. Чаще всего пригождается профессиям: Дизайн и UX/UI, Креатив (видео, фото, презентации). Ключевые темы скила: type:skill, for:claude-code.
Как установить скил «Liquid Glass Design — стиль liquid glass» в Claude Code?
▶
Скачайте .md-файл скила «Liquid Glass Design — стиль liquid glass» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/affaan-m/ECC/tree/main/skills/liquid-glass-design.
Бесплатен ли скил «Liquid Glass Design — стиль liquid glass»?
▶
Да, скил «Liquid Glass Design — стиль liquid glass» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — Affaan M, распространяется под лицензией MIT.

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

// metadata
207kна GitHub
Обновлён
3 мес. назад
Автор
Affaan M