用途:glassmorphism-advanced 面向需要实现磨砂玻璃效果、透明叠加层或现代玻璃 UI 的场景,属于 Claude 插件技能,来源为 fusengine/claude-plugins。
主要能力:资料列出模糊级别(sm、md、xl、3xl)、多层透明度叠加以营造景深、借助 CSS 变量实现的彩色玻璃、白色/20 的细边框,以及用于增强立体感的阴影;同时强调必须同时定义深色模式变体。
使用方式:技能要求先执行强制代理工作流——在实现前使用 TeamCreate 派生 3 个代理,分别由 fuse-ai-pilot:explore-codebase 检查现有玻璃样式、fuse-ai-pilot:research-expert 研究 backdrop-filter 的最新支持情况;实现后再运行 fuse-ai-pilot:sniper 进行验证。资料提供基于 Tailwind 类名的写法示例,例如基础玻璃效果使用 bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl,彩色阴影版本追加 shadow-xl shadow-primary/10;模糊级别分别对应 backdrop-blur-sm(干净背景上的叠加层)、-md(卡片、模态框)、-xl(主要表面)、-3xl(首屏区域);并给出三层玻璃堆叠结构示例和浅色/深色模式类名写法。
限制与规则:不得使用平坦背景,必须包含 backdrop-blur,背景需半透明,边框应使用低透明度(如 border-white/20),需添加阴影,并始终定义深色模式变体;验证清单要求在渐变背景上可用。资料未提供具体价格、平台支持范围或更详细的使用步骤。