Apple Liquid Glass — скилл
Скилл веб-дизайна в стиле Apple: светлый фон, единая белая панель вместо россыпи карточек, стекло только на перекрытиях.
- 290 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл состоит из markdown и CSS и сам ничего не выполняет.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/apple-liquid-glassОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл состоит из markdown и CSS и сам ничего не выполняет.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл учит агента делать веб-интерфейсы, похожие на apple.com и свежую macOS: спокойные, светлые, с иерархией через вес и размер шрифта. Это набор markdown-файлов с правилами и CSS-токенами, а не библиотека компонентов. В папке лежат `SKILL.md` с философией и порядком работы, `design-system.md` с цветом, шрифтами, отступами и тенями, `tokens.css`, шаблоны компонентов, рецепты страниц, анимации, слой для экранов iOS и чек-лист готовности. Есть режим ревью: он находит отступления от системы в готовом CSS и выдает список правок со ссылками на строки.
Для кого. Фронтенд-разработчикам и дизайнерам, которым нужен спокойный премиальный интерфейс без типичных примет ИИ: радужных градиентов и размытия везде.
Подходит, если
- Лендинг или кабинет делают в спокойном светлом стиле, как у Apple.
- Список однотипных элементов собирают в одну белую панель с тонкими разделителями.
- Готовый CSS проверяют на единство: токены, радиусы, тени и стекло.
- Для мобильного экрана берут каркас iPhone с заголовком, вкладками и нижним листом.
Не подходит, если
- Бренд требует яркой графики и нестандартных сеток: правила скилла строгие и сдержанные.
- Нужна готовая библиотека компонентов для React или Vue: здесь только HTML, CSS и правила.
- Проект делает нативное приложение на SwiftUI: скилл описывает веб-реализацию.
Пример запроса к агенту
Сделай страницу тарифов и счета в стиле Apple: единая панель вместо карточек, один акцентный синий и стекло только у шапки.Ограничения
Файлы рассчитаны на чистый HTML и CSS: в React, Vue или Svelte значения токенов и правила переносят в свою систему стилей. Скилл описывает визуальный язык и не поставляет ресурсы Apple; проект не связан с Apple и не одобрен ею. Шрифты, иконки и тексты подбирайте по лицензиям своего проекта. Иконки взяты из Lucide (ISC), слой анимаций адаптирован из скилла Emil Kowalski (MIT). Файл лицензии в репозитории помечен как MIT, но GitHub определяет его как NOASSERTION.
Как отключить. Удалите папку `~/.claude/skills/apple-liquid-glass`. Созданные страницы и CSS останутся в проекте, их правят как обычный код.
Частые вопросы
Когда агент подключает скилл?
По фразам вроде «Apple style», «liquid glass», «сделай как apple.com», «clean / premium / minimal UI» или по запросу на аккуратную страницу, которая должна выглядеть как у Apple.
Нужен ли React?
Нет. Файлы написаны на чистом HTML и CSS. В React, Vue или Svelte сохраните значения токенов и правило панели вместо карточек.
Что такое режим ревью?
Агент читает ваш CSS, оценивает его по системе и возвращает приоритетный список правок со ссылками на файл и строку, привязанный к токенам.
Можно ли посмотреть результат заранее?
Да. `reference.html` открывается в браузере как живое руководство по стилю, а в `examples/` лежат готовые страницы.
Откуда взяты иконки и анимации?
Иконки из Lucide (лицензия ISC), слой анимаций адаптирован из скилла Emil Kowalski (MIT).
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для интерфейсов без шаблонного ИИ-вида: типографика, цвет, движение, состояния компонентов и критика готового.
Nothing Design
nothing-design
Скилл генерации интерфейсов в визуальном языке Nothing: монохром, швейцарская типографика, промышленная строгость
Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Скилл рисует UI-компонент как чертеж Apple: один лист с отступами, радиусами и слоями, плюс ролик из этого листа.
Два скилла по UI и UX учат агента дизайн-решениям: выбор дорожки, токены, рецепты компонентов и защита от шаблонного вида.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Apple Liquid Glass (эта карточка) | нет | 290 | |
| Swiss Design Skill | нет | 163 | задает швейцарский стиль на Tailwind с сеткой из 12 колонок; Apple Liquid Glass строит светлый интерфейс с панелями и стеклом |
| Apple Skills | нет | 359 | справочники по SwiftUI, UIKit и Liquid Glass для нативной разработки; здесь веб-реализация визуального языка Apple |
Коротко о README
Установка сводится к клонированию в папку скиллов. Агент находит скилл по описанию в `SKILL.md`, сборка и зависимости не нужны.