New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Living Backdrop

by TheOrcDev in TheOrcDev/skills

Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a…

No licenceAuto-check passedGame Development

Install Living Backdrop

skills CLI
$ npx skills add TheOrcDev/skills --skill living-backdrop -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install TheOrcDev/skills living-backdrop --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/TheOrcDev/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/living-backdrop .claude/skills/living-backdrop && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
living-backdrop
GitHub stars
106
Token cost
~2.3k tokens
SKILL.md length
1,274 words
Files
8 (incl. scripts, references)
Skills in repo
17
Repo updated
First seen
Licence
None found

At a glance

Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a…

  • Works in 4 steps: Build the assets → Drop in the component → Integrate → …
  • The user wants to animate a hero image
  • SKILL.md covers Fit check, 1. Build the assets, 2. Drop in the component and 3. Integrate, plus 2 more sections
  • Runs Python and Shell scripts from its folder

What it does

Living Backdrop is an agent skill from TheOrcDev/skills. Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a static poster fallback. Use when the user wants to animate a hero image, make a photo or AI artwork feel alive or 3D, add depth or parallax to a background, mentions a 2.5D or "living" image, or invokes /living-backdrop. Ships the asset pipeline (mask, inpaint, depth, upscale, pack) and a three.js component.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including scripts and reference files (for example `references/pitfalls.md`, `scripts/build.sh` and `scripts/inpaint_depth.py`).

It sits in Game Development, covering 3D graphics and WebGL, Game assets and audio and Image editing. It works with Three.js. The repository describes itself as: Skills for True Dev Warriors.

When your agent uses it

  • The user wants to animate a hero image
  • AI artwork feel alive
  • Parallax to a background
  • Mentions a 2.5D

Example prompts

  • “living”
  • “/living-backdrop”

Requirements

  • Python 3
  • A Bash shell

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Build the assets
  2. Drop in the component
  3. Integrate
  4. Tune

What it can do on your machine

Read from SKILL.md and the folder at commit bb7eaa5. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 5 files in scripts/ (Python and Shell), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Living Backdrop loads about 2.3k tokens when it runs, and up to ~3.4k if it reads all its reference files. Until then it costs about 130 tokens; SKILL.md has 1,274 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~130
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,274 words (~2,267 tokens).

“One still image in. A hero that breathes out: the subject slides against the background with the pointer, swells and lifts on a breath cycle, grass moves, clouds creep, dust hangs in the light. One fullscreen quad, one shader, three…”

— opening of SKILL.md by TheOrcDev
name
living-backdrop

Read the full SKILL.md on GitHub

Files

SKILL.md and 7 other files (scripts, references) in skills/living-backdrop of TheOrcDev/skills.

  • SKILL.md
  • references/pitfalls.md
  • scripts/build.sh
  • scripts/inpaint_depth.py
  • scripts/pack.py
  • scripts/segment.py
  • scripts/upscale.py
  • templates/LivingBackdrop.tsx

Open the folder on GitHubat commit bb7eaa5

Compare with similar skills

Living Backdrop next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Living Backdrop compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Living Backdrop this skillTheOrcDev/skills106—~2.3kAutomated safety check: PassNone
Threejs 3D Generatorvalkor-ai/loom1.2k1 repos~2.6kAutomated safety check: PassApache-2.0
Threejs 3D Generatorcorosolto/client256—~3.4kAutomated safety check: PassAGPL-3.0
Blender Web Export Pipelinefreshtechbro/claudedesignskills986—~4.2kAutomated safety check: PassMIT
Pneuma Lucidpandazki/pneuma-skills162—~4.6kAutomated safety check: WarnMIT
Vtj Resource ManagementhexianWeb/Third-Person-MC194—~1.6kAutomated safety check: PassMIT

Similar skills

  • Threejs 3D Generator

    valkor-ai/loom

    Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API.

    1.2k GitHub starsUsed in 1 repo~2.6k tokens
    Game DevelopmentAuto-check passed

  • Threejs 3D Generator

    corosolto/client

    Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games using the Tripo API.

    256 GitHub stars~3.4k tokensUpdated today
    Game DevelopmentAuto-check passed

  • Blender Web Export Pipeline

    freshtechbro/claudedesignskills

    Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js.

    986 GitHub stars~4.2k tokensUpdated 10 mo ago
    Game DevelopmentAuto-check passed

  • Pneuma Lucid

    pandazki/pneuma-skills

    Pneuma Lucid Mode workspace guidelines. An agent skill from pandazki/pneuma-skills.

    162 GitHub stars~4.6k tokensUpdated 10 days ago
    Game DevelopmentAuto-check: warnings

  • Vtj Resource Management

    hexianWeb/Third-Person-MC

    Loads and manages 3D assets via the Resources system. An agent skill from hexianWeb/Third-Person-MC.

    194 GitHub stars~1.6k tokensUpdated 2 mo ago
    Game DevelopmentAuto-check passed

  • Game Assets

    glifxyz/glif-mcp-server

    Make art and media for a game you are building with Glif: character reference sheets, consistent characters, pixel-art sprite sheets with animation cycles, seamless and PBR textures, 3D models, item…

    212 GitHub stars~831 tokensUpdated today
    Game DevelopmentAuto-check passed

More from TheOrcDev/skills

All 17 skills in this repo

  • Intro Video

    TheOrcDev/skills

    Build Remotion intro, reel, and brand-film videos with remocn and ASR-timed captions.

    106 GitHub stars~1.6k tokensUpdated 9 days ago
    Auto-check passed

  • Rig It

    TheOrcDev/skills

    Rig and animate game characters that actually hold up in-engine.

    106 GitHub stars~1.6k tokensUpdated 9 days ago
    Auto-check passed

  • Creature Animation

    TheOrcDev/skills

    Author, gate, preview and install production animation sets for Final Stand creatures (quadrupeds, arthropods, flyers, hybrids) using the Plan 009 pipeline in tools/3d/animationquality/creatures.

    106 GitHub stars~858 tokensUpdated 9 days ago
    Auto-check passed

  • Cut It

    TheOrcDev/skills

    Cut an existing plan into ordered, self-contained slices (execution phases) sized for an AI agent to pick up and run one at a time.

    106 GitHub stars~753 tokensUpdated 9 days ago
    Auto-check passed

  • GitHub To Origin

    TheOrcDev/skills

    Agent runbook for moving a repository from GitHub to Cursor Origin code hosting, including repointing Vercel so production keeps deploying.

    106 GitHub stars~2k tokensUpdated 9 days ago
    Auto-check passed

  • Humanoid Animation

    TheOrcDev/skills

    Produce production animation sets for Final Stand humanoid heroes and enemies from Meshy's humanoid rig and preset motion library (Plan 011 route), then package, gate, preview and install them.

    106 GitHub stars~1.2k tokensUpdated 9 days ago
    Auto-check passed

Works with

Categories

Questions about Living Backdrop

What does Living Backdrop do?

Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a…. Living Backdrop is an agent skill from TheOrcDev/skills. Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a static poster fallback.

When should I use Living Backdrop?

Living Backdrop fits situations like: the user wants to animate a hero image; AI artwork feel alive; parallax to a background; mentions a 2.5D.

How do I install Living Backdrop in Claude Code?

Run `npx skills add TheOrcDev/skills --skill living-backdrop -a claude-code`. Or copy the skill folder (skills/living-backdrop in TheOrcDev/skills) into .claude/skills/living-backdrop in your project. Claude Code loads it when a task matches its description.

How do I install Living Backdrop in Codex?

Run `npx skills add TheOrcDev/skills --skill living-backdrop -a codex`. Or copy the skill folder (skills/living-backdrop in TheOrcDev/skills) into .agents/skills/living-backdrop in your project. Codex loads it when a task matches its description.

Can I use Living Backdrop in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add TheOrcDev/skills --skill living-backdrop -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/living-backdrop, .gemini/skills/living-backdrop, .github/skills/living-backdrop and .opencode/skills/living-backdrop in your project.

What does Living Backdrop need to run?

Going by SKILL.md and its folder, Living Backdrop needs Python and a shell for the scripts in its folder. Our summary lists: Python 3; A Bash shell.

Does Living Backdrop access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Living Backdrop safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Living Backdrop use?

No licence was found for Living Backdrop or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Living Backdrop use?

About 2.3k tokens (SKILL.md is roughly 9.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.2k tokens, read only when the agent opens those files.

What are the alternatives to Living Backdrop?

Skills that share tags, products or a category with Living Backdrop: Threejs 3D Generator (valkor-ai/loom, 1.2k stars), Threejs 3D Generator (corosolto/client, 256 stars), Blender Web Export Pipeline (freshtechbro/claudedesignskills, 986 stars) and Pneuma Lucid (pandazki/pneuma-skills, 162 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Living Backdrop?

TheOrcDev (a GitHub user) maintains it in TheOrcDev/skills, which has 106 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on September 28, 2026.

Source: TheOrcDev/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.