Interface Lab 资源库
资源库技能119 项
技能页收纳所有可复用的局部 Prompt 技法。
局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。
技能119
网站设计系统93
PPT 风格55
素材232
技能
切到风格提示技能
局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。
风格 · 9.9KPro
边框渐变
为高级表面应用细腻的渐变描边处理。
为高级表面应用细腻的渐变描边处理。Pro风格 · 1.1KPro拟物界面
使用分层渐变和阴影创建拟物表面风格。使用柔和的垂直渐变、多个 inset shadow 模拟雕刻或按压表面、细微外阴影建立抬升感、顶部边缘高光、底部暗边，以及带平滑过渡的圆角形状。技法包括叠加内外阴影建立深度、使用小点或纹理等微细节增强真实感、用 1px 渐变边框 wrapper 模拟反射边缘，并用文字阴影和图标阴影制造浮雕质感。
使用分层渐变和阴影创建拟物表面风格。使用柔和的垂直渐变、多个 inset shadow 模拟雕刻或按压表面、细微外阴影建立抬升感、顶部边缘高光、底部暗边，以及带平滑过渡的圆角形状。技法包括叠加内外阴影建立深度、使用小点或纹理等微细节增强真实感、用 1px 渐变边框 wrapper 模拟反射边缘，并用文字阴影和图标阴影制造浮雕质感。Pro风格 · 1.1KPro抖动背景
生成深色 ordered-dither 背景，使用粗方形像素和柔和波形衰减。
生成深色 ordered-dither 背景，使用粗方形像素和柔和波形衰减。Pro风格 · 91Pro渐进模糊
使用分层边缘模糊叠层建立深度，包含顶部和底部参考 snippets 以及调参指引。
使用分层边缘模糊叠层建立深度，包含顶部和底部参考 snippets 以及调参指引。Pro风格 · 32Pro黏性 Blob 系统
使用 SVG filters 创建黏性 blob 系统，让多个形状融合成单一流体形态；重点是 blur + threshold 的 filter 驱动融合、柔和有机边界、多形状整体行为和连续流畅动效。
使用 SVG filters 创建黏性 blob 系统，让多个形状融合成单一流体形态；重点是 blur + threshold 的 filter 驱动融合、柔和有机边界、多形状整体行为和连续流畅动效。Pro风格 · 26Pro数字细节
添加装饰性 01、02、03 数字细节标记。
添加装饰性 01、02、03 数字细节标记。Pro风格 · 12Pro大气 WebGL 场系统
沉浸式背景设计系统，包含交互粒子场、呼吸动效和渐变强调的抬升 UI 组件。
沉浸式背景设计系统，包含交互粒子场、呼吸动效和渐变强调的抬升 UI 组件。Pro风格 · 10ProAura 3D 网络系统
以太感 3D 网络可视化，整合玻璃拟态数据叠层和深度感动画。
以太感 3D 网络可视化，整合玻璃拟态数据叠层和深度感动画。Pro风格 · 4Pro技术战术地球 UI
稀疏正交地球可视化，包含经纬线、脉冲红色数据节点和技术框架角标。
稀疏正交地球可视化，包含经纬线、脉冲红色数据节点和技术框架角标。Pro风格 · 0Pro背景纹理护栏
为 SVG/CSS/图片纹理背景建立用途判断、可读性、授权、token、fallback 和前端性能检查。
输入必须包含：page type、主任务、surface token、文字覆盖位置、light/dark 模式、纹理来源/授权、输出格式和目标设备范围。Pro