# Glass Design > Apple 液态玻璃 / aurora glassmorphism 风格的 HTML 页面生成。深藏青暗底 + 彩色光晕背景 + 三层毛玻璃面板 + 富 JS 动画(滚动浮现 / count-up / 3D tilt / SVG path-draw),dark/light 双主题。TRIGGER 当用户提到 glass 风格 / 玻璃拟态 / glassmorphism / 液态玻璃 / liquid glass / aurora 风格 / 炫酷暗色展示页 / 玻璃卡片图表展示时使用。 - Skill: `tbusos/glass-design` (Agent Skill, multi-file: 47 files) - Install (CLI): `npx skillmds@latest add tbusos/glass-design` - Raw SKILL.md: https://api.skillmd.com/api/skills/tbusos/glass-design/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: TbusOS (https://skillmd.com/u/tbusos) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tbusos/glass-design --- # Glass Design — HTML 风格生成 Apple 液态玻璃质感的 HTML 页面:深藏青画布上最多 3 个 aurora 光晕,三层毛玻璃面板承载内容,唯一的前景彩色是实心 cyan。自带完整动画体系(全部可冻结,审查脚本确定性渲染)。最适合图表 / 图示 / 数据类内容的"炫酷"展示。 Generates Apple liquid-glass HTML: aurora light blobs on a deep-navy canvas, three tiers of frosted panels, one solid foreground accent (cyan), and a fully freezable motion system. Built for showing diagrams, charts and data with maximum visual impact. ## §1 使用方式 1. 引入 `assets/fonts.css` + `assets/glass.css` + `assets/glass.js`(动画引擎,`