---
title: "Border Gradients - Air Market"
description: "Your cards and panels look flat against the background and a plain border does not help, but a glowing outline is too much. This gives the edge a subtle gradient instead. Reach for it when a surface…"
canonical: "https://airmarket.ai/app/css-border-gradient"
---

[Air Market](/) / [Design](/category/design) / Border Gradients

Skill by [Meng To](/@mengto)

# Border Gradients

A refined edge on cards and panels, without the glow

## What this does

Your cards and panels look flat against the background and a plain border does not help, but a glowing outline is too much. This gives the edge a subtle gradient instead. Reach for it when a surface needs to feel finished rather than decorated.

### Top 3 things it does for you

- Add a gradient edge to cards and pricing panels
- Lift a nav bar, modal or hero surface
- Refine a button's border

## Information

**Border Gradients at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Meng To](/@mengto) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 2.7 MB |
| Licence | MIT |
| Repository | [MengTo/Skills](https://github.com/MengTo/Skills/tree/272528fec86a4c2a1678646511c474aa734d437e/agent-skills/web-design/css-border-gradient) |
| GitHub stars | 5,235 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Border Gradients and flagged nothing. AIR's verdict: **safe**.

**What Border Gradients's check was run against**

|  |  |
| --- | --- |
| Commit | 272528fec86a4c2a1678646511c474aa734d437e |
| Content hash | 8a1a265c05e45532f2fe4e991cf81d7a3534af6f1ccc71a5aa8ddd3173133d1c |
| Files read | [Browse the files at this exact commit](https://github.com/MengTo/Skills/blob/272528fec86a4c2a1678646511c474aa734d437e/agent-skills/web-design/css-border-gradient/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Border Gradients](/security/css-border-gradient)

## About Border Gradients

This applies subtle gradient-border treatments to web surfaces.

Use it when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a refined edge highlight without a loud glow.

## What's inside

- SKILL.md - instructions
- demo/assets/page-01-65695f80-23f9-46ee-8487-cbb6c93cc48b-3840w.webp
- demo/assets/page-02-724142aa-44a6-48d3-9cf3-761e00d05b78-1600w.jpg
- demo/assets/page-03-4734259a-bad7-422f-981e-ce01e79184f2-1600w.jpg
- demo/assets/page-04-005600e5-f6ab-4e59-bc86-eaeb02797dfa-1600w.jpg
- demo/assets/page-05-e534354d-c5f2-4399-a1d9-2f50338e8c47-1600w.jpg
- demo/assets/page-06-fb6415fd-bf4d-4ccf-8e9d-7ab445e99207-1600w.jpg
- demo/assets/source-preview.jpg
- demo/index.html - template
- demo/preview.jpg
- demo/PROMPT.md - reference
- demo/source.json - data

## Questions

### Is Border Gradients safe to install?

AIR scanned this exact version of Border Gradients and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 272528fec86a, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/css-border-gradient.

### How do I install Border Gradients?

Open https://airmarket.ai/app/css-border-gradient on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/MengTo/Skills/tree/272528fec86a4c2a1678646511c474aa734d437e/agent-skills/web-design/css-border-gradient. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Meng To](/@mengto)

---

Canonical URL: <https://airmarket.ai/app/css-border-gradient>