
Glassmorphism
Skill做毛玻璃与「液态玻璃」风格的界面:用 backdrop-filter 模糊、半透明底色、高光边线与多层阴影组成玻璃质感,用 SVG 位移滤镜做折射效果,给悬停、滚动与出现过程加动效,并为「降低透明度」设置提供可读的降级样式。
暫時無法顯示 README
此儲存庫未提供 README。 請前往 GitHub 儲存庫查看。
相關資源

SVG Animation
Skill给 SVG 做动画:描边逐步绘制、路径变形(GSAP MorphSVG 或 Flubber)、沿路径运动、图标状态切换,以及渐变与滤镜动画,按任务在 CSS、SMIL 与 GSAP 之间选择实现方式。
iart-ai/web-animation-skills44
Compact Landing
Skill构建紧凑、精致的落地页与产品页骨架:动手前先定好构图、配色、字体、圆角、表面与动效等「设计指纹」,每次换一种视觉方向,突出一个产品本身的演示件,首屏放主要操作;动效只用 transform、opacity 与 filter,保证零布局偏移,兼顾移动端、键盘焦点与减少动态效果设置。
danielwh2/compact-landing-skill37
Progressive Blur
Skill用多层 backdrop-filter 与渐变遮罩在页面顶部或底部做出由弱到强的渐进模糊,提供可直接粘贴的 HTML 与 CSS,可调整高度、模糊层级、方向与 z-index,且不拦截点击。
MengTo/Skills6.8k
Animation Systems
Skill参照 Stripe、Linear、Apple、Vercel 的风格为网页产品建立统一的动效体系:可复用的动效基元、时长与缓动默认值、错峰编排、滚动与悬停交互,并要求只动 transform 与 opacity、支持 prefers-reduced-motion。
MengTo/Skills6.8k
Container Lines
Skill在页面内容容器左右边缘画 1px 低透明度的竖向参考线,并在区块角落加小方块,营造精确、有结构感的版式;提供 CSS 变量与伪元素写法,参考线不拦截点击与选中。
MengTo/Skills6.8k
Marquee Loop
Skill实现无缝循环的跑马灯,用于滚动展示标识、用户评价、截图或标签:复制一份元素序列,用线性 transform 从 0 平移到 -50%,固定元素宽度、边缘渐隐,并照顾 prefers-reduced-motion。
MengTo/Skills6.8k