SkillCheatSheet
liquid-metal-border
An AI agent skill from MengTo/Skills, scored 75 out of 100 by code.
Code score by group
It loses the most points in Procedure (8), the group that checks whether the steps are numbered, read the context first and say what to do when something fails.
What the author says 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.
This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.
- Repository
- MengTo/Skills
- Folder
- agent-skills/web-design/liquid-metal-border
- License
- MIT
- GitHub stars
- 7,374
- SKILL.md lines
- 318
- Other files
- 2
Add liquid-metal-border to your agent
npx skills add MengTo/Skills --skill liquid-metal-borderThe command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.
Labelled for
More skills from MengTo/Skills
-
browser-video-recording
Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click chor…
Verified87A -
html-reel
Turn a tweet, a video, a YouTube video or a landing page into a 9:16 reel (Instagram Reels, TikTok, Shorts) that says what the source says and looks like it, with every cut on a w…
87A -
html-demo
Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame is a pure function of one cloc…
Verified85A -
illustration-bold-pop
Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes. Identifying traits: a thick navy outline on every shape, solid navy extrusio…
Verified85A -
illustration-framed-panel
Draws original design-and-coding scenes as SVG cards (480x360) in a framed-panel cartoon style. Identifying traits are a soft pastel card with a periwinkle-violet panel framed in…
Verified84B -
html-explainer-video
Turn a product, a feature or an idea into a finished one-minute explainer video in any look: a script (hook, benefit, quick tutorial, try it), a voice whose words are the clock, H…
Verified83B -
illustration-isometric-mono
Draws true-isometric diorama illustrations of developer and design workspaces in one green ramp, generated as SVG with a bundled scene kit. Traits: one rounded off-white slab with…
Verified83B -
daily-ui-inspiration-capture
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-…
Verified82B
Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.