Liquid metal border

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package.

3D and WebGLMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/liquid-metal-border .claude/skills/liquid-metal-border

Run it in your project root, then ask your agent for what you want. More detail

What it does

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces need a metallic active, selected, hover, focus, or premium border; when implementing the MetalFx component from metal.jakubantalik.com; or when troubleshooting its presets, themes, strength, glow, reflections, sizing, radius, animation, accessibility, SSR, or performance.

Straight from the skill's own SKILL.md. This is what your agent reads.

Read SKILL.md Source folder