---
title: "Background Grid WebGL Skill - Air Market"
description: "You want a background with a sense of depth rather than a flat surface. This creates a grid in perspective, its lines fading into the distance, drifting slowly forward with a faint haze of particles…"
canonical: "https://airmarket.ai/app/background-grid-webgl"
---

[Air Market](/) / [Design](/category/design) / Background Grid WebGL Skill

Skill by [Meng To](/@mengto)

# Background Grid WebGL Skill

A receding grid that drifts slowly behind your content

## What this does

You want a background with a sense of depth rather than a flat surface. This creates a grid in perspective, its lines fading into the distance, drifting slowly forward with a faint haze of particles and a gentle shift as the camera moves. Reach for it when a section needs quiet depth behind the content.

### Top 3 things it does for you

- Add a perspective grid behind a hero
- Give a background slow, subtle movement

## Information

**Background Grid WebGL Skill 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 | 1.2 MB |
| Licence | MIT |
| Repository | [MengTo/Skills](https://github.com/MengTo/Skills/tree/272528fec86a4c2a1678646511c474aa734d437e/agent-skills/web-design/background-grid-webgl) |
| GitHub stars | 5,235 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Background Grid WebGL Skill and flagged nothing. AIR's verdict: **safe**.

**What Background Grid WebGL Skill's check was run against**

|  |  |
| --- | --- |
| Commit | 272528fec86a4c2a1678646511c474aa734d437e |
| Content hash | bd010f91ee30686c229a6325fd498ef35acab0425214acf9d852c7073be59406 |
| Files read | [Browse the files at this exact commit](https://github.com/MengTo/Skills/blob/272528fec86a4c2a1678646511c474aa734d437e/agent-skills/web-design/background-grid-webgl/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 Background Grid WebGL Skill](/security/background-grid-webgl)

## About Background Grid WebGL Skill

This creates a perspective WebGL background grid whose lines fade with distance.

A subtle particle haze, a slow forward drift and gentle camera parallax give it movement without turning it into the focal point.

## What's inside

- SKILL.md - instructions
- demo/assets/page-01-2f563338-39fa-47ea-9761-658d4f3f84db-1600w.jpg
- demo/assets/page-02-4f5668c5-fc4a-44e0-bc5e-a664189d3c31-1600w.jpg
- demo/assets/page-03-77415a2e-dcbc-4748-a29d-fced4821881a-1600w.jpg
- demo/assets/page-04-c92852bb-a510-405a-85ab-ffa0fde136a4-1600w.jpg
- demo/assets/source-preview.jpg
- demo/index.html - template
- demo/preview.jpg
- demo/PROMPT.md - reference
- demo/source.json - data

## Questions

### Is Background Grid WebGL Skill safe to install?

AIR scanned this exact version of Background Grid WebGL Skill 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/background-grid-webgl.

### How do I install Background Grid WebGL Skill?

Open https://airmarket.ai/app/background-grid-webgl 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/background-grid-webgl. 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/background-grid-webgl>