ИИ-офисМаркетплейс скилов
liquid-glass-design.mdПубличный

liquid-glass-design — стиль liquid glass

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

type:skillfor:claude-code

О скиле

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

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

Скил 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

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

// продолжай по той же профессии или категории

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

Что такое скил «liquid-glass-design — стиль liquid glass»?
«liquid-glass-design — стиль liquid glass» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах vibe-coding. Скил можно скачать и использовать сразу — без настройки.
Как установить скил «liquid-glass-design — стиль liquid glass» в Claude Code?
Скачайте .md-файл на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules).
Бесплатен ли скил «liquid-glass-design — стиль liquid glass»?
Да, скил «liquid-glass-design — стиль liquid glass» доступен бесплатно для всех пользователей без регистрации. Скачайте .md-файл прямо на этой странице.

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