A
admos98/liquid-glass-suite
Apple Liquid Glass agent skills for web pages: HTML/CSS, SVG displacement, WebGL2 refraction, React, Tailwind…
View on GitHub ↗Link checked 2026-11-12 · automated check blocked (HTTP 429), status unconfirmed
Install & config
Client config (built from the install command this repo gives)
{
"mcpServers": {
"admos98-liquid-glass-suite": {
"command": "npx",
"args": ["skills"]
}
}
}Parsed from the README we fetched on 2026-11-09; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"admos98-liquid-glass-suite": {
"command": "npx",
"args": ["skills"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio admos98-liquid-glass-suite -- npx skills
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Star count
- 0 ★ · admos98/liquid-glass-suite · read from the GitHub search API · (checked 2026-11-13 20:00:50)
- Source
- read directly from its GitHub page · type: open-source project
- Harvest history
- first seen 2026-11-10 · last seen 2026-11-14 · seen 5× · listed by 1 sources
- Score
- score 103 · 1 sources · repo
- Install
npx skills
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx skills. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: Agent 技能. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
repository
admos98/liquid-glass-suite；first catalogued 2026-11-10；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.# 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 |
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/admos98-liquid-glass-suite/)
- Source
- github · https://github.com/admos98/liquid-glass-suite
- Browse by field
- Agent skills
- added
- today
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.