A
admos98/liquid-glass-suite
Apple Liquid Glass agent skills for web pages: HTML/CSS, SVG displacement, WebGL2 refraction, React, Tailwind…
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · 自动访问被拒（HTTP 429），状态未能确认
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"admos98-liquid-glass-suite": {
"command": "npx",
"args": ["skills"]
}
}
}解析自我们于 2026-11-09 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"admos98-liquid-glass-suite": {
"command": "npx",
"args": ["skills"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio admos98-liquid-glass-suite -- npx skills
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 0 ★ · admos98/liquid-glass-suite · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-11-10 · 最近见到 2026-11-14 · 共见到 5 次 · 被 1 个来源列出
- 评分构成
- 综合分 103 · 1 个来源 · repo
- 安装
npx skills
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx skills。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: Agent 技能。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
admos98/liquid-glass-suite；我们收录于 2026-11-10；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。# liquid-glass-suite
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Liquid Glass is refraction, not blur. One suite with CSS/SVG and WebGL2 paths plus tools to measure the bend.
Liquid Glass Suite is a Claude Code plugin and open Agent Skills collection for Apple Liquid Glass on the web: a Liquid Glass skill for HTML/CSS, SVG displacement maps, WebGL2 refraction, React, Tailwind v4 and Safari/WebKit fallbacks, plus optics, debugging and native Apple skills with measurement and verification.
Open the live showcase → — the standalone reference running on GitHub Pages (overview page). It also works offline from shared/assets/showcase.html with no server, build, or network. Choosing between skills? See routing and related work.
> This skill suite was developed from publicly available information on the web and practical research with browser rendering engines. See NOTICE. The showcase is self-contained and works offline.
One repository, one Claude Code plugin, four task-focused skills over shared assets. Start with the apply skill; open the interactive showcase for optics work.
## Skills
| Skill | Fires when | Use for |
| liquid-glass | “make this glass”, glassmorphism, frosted/translucent UI, glass nav/card/modal | Drop-in and plain-CSS-first recipes for navigation, toolbar, tabs, cards, sheets, menus, buttons, search, sidebar and sliders |
| liquid-glass-optics | SVG graphs, reflective rim, WebGL2, Safari true-refraction strategy | Offline standalone showcase, original profile/map optics, renderer choice and behavior checks |
| liquid-glass-debug | Bend missing, Chrome works/iPhone fails, rim looks painted, glass looks plastic | S01–S33 symptom triage, Chromium/WebKit quirks, pixel measurements and verification gate |
| liquid-glass-native | SwiftUI/UIKit/AppKit, glassEffect, native custom buttons | System-first APIs, DocC-checked declarations and older-OS/accessibility fallbacks |
## Install
Register the plugin marketplace and install the plugin:
text
/plugin marketplace add admos98/liquid-glass-suite
/plugin install liquid-glass-suite@admos98-skills
The marketplace entry points at the repository root (source: "./"), and Claude Code auto-discovers all four folders under skills/. The full flow was owner-tested end-to-end with Claude Code 2.1.319: marketplace clone, install, four-skill discovery, strict manifest validation, all 17 package tests and the showcase build check pass. The listing icon is included, so strict validation reports no findings. See tests/evidence/verification.txt for the test record, including the platform note.
Manual install: copy the entire liquid-glass-suite folder into the agent's skills area, then expose each skills/ folder in its skill scan path using the agent's supported folder-link mechanism. Each folder name matches its frontmatter name. Keep the suite intact because its ../../shared/... references must resolve. For a local Claude Code run without marketplace installation, claude --plugin-dir /path/to/liquid-glass-suite loads the same unit.
## Shared core and two application paths
| Path | Purpose |
| shared/assets/liquid-glass.css + .js | Default app path: tokens, themes, strategy-1 SVG lens, conservative capability gate and fallback |
Liquid Glass Suite is a Claude Code plugin and open Agent Skills collection for Apple Liquid Glass on the web: a Liquid Glass skill for HTML/CSS, SVG displacement maps, WebGL2 refraction, React, Tailwind v4 and Safari/WebKit fallbacks, plus optics, debugging and native Apple skills with measurement and verification.
Open the live showcase → — the standalone reference running on GitHub Pages (overview page). It also works offline from shared/assets/showcase.html with no server, build, or network. Choosing between skills? See routing and related work.
> This skill suite was developed from publicly available information on the web and practical research with browser rendering engines. See NOTICE. The showcase is self-contained and works offline.
One repository, one Claude Code plugin, four task-focused skills over shared assets. Start with the apply skill; open the interactive showcase for optics work.
## Skills
| Skill | Fires when | Use for |
| liquid-glass | “make this glass”, glassmorphism, frosted/translucent UI, glass nav/card/modal | Drop-in and plain-CSS-first recipes for navigation, toolbar, tabs, cards, sheets, menus, buttons, search, sidebar and sliders |
| liquid-glass-optics | SVG graphs, reflective rim, WebGL2, Safari true-refraction strategy | Offline standalone showcase, original profile/map optics, renderer choice and behavior checks |
| liquid-glass-debug | Bend missing, Chrome works/iPhone fails, rim looks painted, glass looks plastic | S01–S33 symptom triage, Chromium/WebKit quirks, pixel measurements and verification gate |
| liquid-glass-native | SwiftUI/UIKit/AppKit, glassEffect, native custom buttons | System-first APIs, DocC-checked declarations and older-OS/accessibility fallbacks |
## Install
Register the plugin marketplace and install the plugin:
text
/plugin marketplace add admos98/liquid-glass-suite
/plugin install liquid-glass-suite@admos98-skills
The marketplace entry points at the repository root (source: "./"), and Claude Code auto-discovers all four folders under skills/. The full flow was owner-tested end-to-end with Claude Code 2.1.319: marketplace clone, install, four-skill discovery, strict manifest validation, all 17 package tests and the showcase build check pass. The listing icon is included, so strict validation reports no findings. See tests/evidence/verification.txt for the test record, including the platform note.
Manual install: copy the entire liquid-glass-suite folder into the agent's skills area, then expose each skills/ folder in its skill scan path using the agent's supported folder-link mechanism. Each folder name matches its frontmatter name. Keep the suite intact because its ../../shared/... references must resolve. For a local Claude Code run without marketplace installation, claude --plugin-dir /path/to/liquid-glass-suite loads the same unit.
## Shared core and two application paths
| Path | Purpose |
| shared/assets/liquid-glass.css + .js | Default app path: tokens, themes, strategy-1 SVG lens, conservative capability gate and fallback |
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/admos98-liquid-glass-suite/)
- 来源
- github · https://github.com/admos98/liquid-glass-suite
- 按领域浏览
- Agent 技能
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。