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

Atmosphere Background

by nirholas in nirholas/three.ws

Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

Apache-2.0Auto-check passedResearch & Science

Install Atmosphere Background

skills CLI
$ npx skills add nirholas/three.ws --skill atmosphere-background -a claude-code

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

GitHub CLI
$ gh skill install nirholas/three.ws atmosphere-background --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/nirholas/three.ws.git skills-src && mkdir -p .claude/skills && cp -r skills-src/third_party/designcode-agent-skills/agent-skills/web-design/atmosphere-background .claude/skills/atmosphere-background && 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
atmosphere-background
GitHub stars
226
Used in
1 other repo
Token cost
~757 tokens
SKILL.md length
418 words
Files
4
Skills in repo
165
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

  • Tasks that involve Physical and earth sciences
  • SKILL.md covers Use When, Workflow, Scope and Visual target, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Atmosphere Background is an agent skill from nirholas/three.ws. Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

Its SKILL.md is about 760 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `demo/PROMPT.md`).

It sits in Research & Science, covering Physical and earth sciences. The repository describes itself as: Open-source platform for 3D AI agents. Turn text or a photo into a rigged, animated GLB avatar, give it an LLM brain, memory and a wallet, and embed it anywhere with one web… The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Physical and earth sciences

Example prompts

  • “/atmosphere-background”

What it can do on your machine

Read from SKILL.md and the folder at commit 238ef60. 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

    No scripts in the folder and no shell commands in SKILL.md.

    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

Atmosphere Background loads about 757 tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 418 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~43
When it runs · the whole SKILL.md, loaded when a task matches
~757

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); files beside SKILL.md are not scanned.

SKILL.md

The full file from nirholas/three.ws at commit 238ef60, republished under its Apache-2.0 licence (© nirholas). 418 words, ~757 tokens.

Download SKILL.mdSave it as .claude/skills/atmosphere-background/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
atmosphere-background
description
Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

Atmosphere Background Skill

Use When

  • Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

Workflow

Scope

  • Apply this only to the immersive background layer, not to the full page layout, typography, or unrelated WebGL/particle systems.
  • Use it when the design needs a moody atmospheric backdrop with fluid light curtains or folds instead of geometric grids, blobs, or literal illustrations.

Visual target

  • Create a deep near-black background with soft vertical light folds drifting across the frame like illuminated fabric, fog sheets, or light curtains.
  • Build the glow from multiple overlapping vertical bands so the background feels layered and spatial rather than flat.
  • Let brightness accumulate more strongly toward one area, especially the lower right or lower edge, so the scene has a cinematic focal glow instead of uniform brightness.
  • Keep the palette restrained: dark navy or charcoal base, then derive the glow from the design's primary color or strongest accent color. If no clear brand color exists, a cool cyan-blue atmosphere is acceptable.

Implementation guidance

  • Prefer canvas or shader-driven rendering for this effect instead of static CSS gradients when motion is required.
  • Use multiple tall overlapping bands or folds with slow sine-wave drift so the structure reads as moving atmospheric light rather than hard columns.
  • Use screen or additive-style blending so the overlapping folds brighten naturally where they cross.
  • Shape each fold with vertical gradients that fade at the top and intensify toward the bottom or focal corner.
  • Add a subtle radial glow overlay near the focal edge or corner to reinforce depth and the main luminous area.
  • Motion should stay slow and meditative: gentle drift, slight intensity modulation, no noisy flicker or rapid pulsing.
Show full SKILL.md (133 more words)Show less

Tuning knobs

  • Fold count: add or reduce the number of vertical folds depending on how dense the atmosphere should feel.
  • Drift: control horizontal sway amplitude and speed to keep motion calm.
  • Brightness focus: place the strongest glow near a corner, edge, or lower quadrant instead of spreading it evenly across the whole frame.
  • Color: tint the folds with the active design accent while preserving a dark, premium base.
  • Softness: adjust overlap width, gradient falloff, and post-glow strength so the background feels luminous but not washed out.

Avoid

  • Flat multi-stop gradients with no layered fold structure.
  • Loud rainbow color transitions or bright full-frame glow that competes with foreground content.
  • Hardcoded cyan if the design clearly uses another primary color.
  • Fast turbulence, noisy particle motion, or obvious repeating patterns that break the calm atmospheric look.

© nirholas, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files in third_party/designcode-agent-skills/agent-skills/web-design/atmosphere-background of nirholas/three.ws.

  • SKILL.md
  • demo/PROMPT.md
  • demo/index.html
  • demo/preview.jpg

Open the folder on GitHubat commit 238ef60

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in nirholas/three.ws, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Atmosphere Background 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.

Atmosphere Background compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Atmosphere Background this skillnirholas/three.ws2261 repos~757Automated safety check: PassApache-2.0
Ngeo Writing Stylebrycewang-stanford/Awesome-Journal-Skills1.2k—~1.6kAutomated safety check: PassMIT
AstropyzLanqing/codex-claude-academic-skills4.6k14 repos~2.9kAutomated safety check: PassBSD-3-Clause
PymatgenzLanqing/codex-claude-academic-skills4.6k12 repos~5kAutomated safety check: PassMIT
Cantera Ignition DelayK-Dense-AI/scientific-agent-skills48k1 repos~2.2kAutomated safety check: PassMIT
Weathertrpc-group/trpc-agent-go1.8k8 repos~591Automated safety check: PassApache-2.0

Similar skills

  • Ngeo Writing Style

    brycewang-stanford/Awesome-Journal-Skills

    A skill your agent uses when polishing the prose of a Nature Geoscience manuscript for Nature house style, accessibility to non-specialists, precise terminology, and calibrated Earth-science claims.

    1.2k GitHub stars~1.6k tokensUpdated 10 days ago
    Research & ScienceAuto-check passed

  • Astropy

    zLanqing/codex-claude-academic-skills

    Comprehensive Python library for astronomy and astrophysics.

    4.6k GitHub starsUsed in 14 repos~2.9k tokens
    Research & ScienceAuto-check passed

  • Pymatgen

    zLanqing/codex-claude-academic-skills

    Materials science toolkit. An agent skill from zLanqing/codex-claude-academic-skills.

    4.6k GitHub starsUsed in 12 repos~5k tokens
    Research & ScienceAuto-check passed

  • Cantera Ignition Delay

    K-Dense-AI/scientific-agent-skills

    Runs Cantera constant-volume or constant-pressure ignition simulations and reports temperature-based ignition delay with mechanism provenance and checks.

    48k GitHub starsUsed in 1 repo~2.2k tokens
    Research & ScienceAuto-check passed

  • Weather

    trpc-group/trpc-agent-go

    Get current weather and forecasts via wttr.in or Open-Meteo.

    1.8k GitHub starsUsed in 8 repos~591 tokens
    Research & ScienceAuto-check passed

  • Pymol Visualization

    ChatMol/ChatMol

    Generate publication-quality molecular visualization images using PyMOL.

    372 GitHub stars~1.2k tokensUpdated 6 mo ago
    Research & ScienceAuto-check passed

More from nirholas/three.ws

All 165 skills in this repo

  • Add Shader Cursor Trail

    nirholas/three.ws

    Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

    226 GitHub starsUsed in 1 repo~760 tokens
    Auto-check passed

  • Publish Project To GitHub

    nirholas/three.ws

    Package a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible…

    226 GitHub starsUsed in 1 repo~2.2k tokens
    Auto-check: notes

  • Audit Reference Originality

    nirholas/three.ws

    Audit a website or digital experience against its supplied source references for originality and plagiarism risk.

    226 GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check passed

  • Build Daily Inspiration Sites

    nirholas/three.ws

    Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

    226 GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed

  • Write Like Meng On X

    nirholas/three.ws

    Write, rewrite, review, or continuously refine X/Twitter posts in Meng To's current voice using his deduplicated authored-post corpus, personal and product context, shared resources, and Content…

    226 GitHub starsUsed in 1 repo~2k tokens
    Auto-check passed

  • Browser Video Recording

    nirholas/three.ws

    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 choreography…

    226 GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed

Categories

Questions about Atmosphere Background

What does Atmosphere Background do?

Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom. ws. Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

When should I use Atmosphere Background?

Atmosphere Background fits situations like: tasks that involve Physical and earth sciences.

How do I install Atmosphere Background in Claude Code?

Run `npx skills add nirholas/three.ws --skill atmosphere-background -a claude-code`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/web-design/atmosphere-background in nirholas/three.ws) into .claude/skills/atmosphere-background in your project. Claude Code loads it when a task matches its description.

How do I install Atmosphere Background in Codex?

Run `npx skills add nirholas/three.ws --skill atmosphere-background -a codex`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/web-design/atmosphere-background in nirholas/three.ws) into .agents/skills/atmosphere-background in your project. Codex loads it when a task matches its description.

Can I use Atmosphere Background 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 nirholas/three.ws --skill atmosphere-background -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/atmosphere-background, .gemini/skills/atmosphere-background, .github/skills/atmosphere-background and .opencode/skills/atmosphere-background in your project.

What does Atmosphere Background need to run?

SKILL.md names no scripts, command-line tools or credentials: Atmosphere Background is instructions for the agent only.

Does Atmosphere Background 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 Atmosphere Background 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. Review the folder before installing.

What licence does Atmosphere Background use?

Atmosphere Background is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Atmosphere Background use?

About 757 tokens (SKILL.md is roughly 3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Atmosphere Background?

Skills that share tags, products or a category with Atmosphere Background: Ngeo Writing Style (brycewang-stanford/Awesome-Journal-Skills, 1.2k stars), Astropy (zLanqing/codex-claude-academic-skills, 4.6k stars), Pymatgen (zLanqing/codex-claude-academic-skills, 4.6k stars) and Cantera Ignition Delay (K-Dense-AI/scientific-agent-skills, 48k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Atmosphere Background?

nirholas (a GitHub user) maintains it in nirholas/three.ws, which has 226 GitHub stars. The repository holds 165 skills in this directory. The repository was last updated on October 7, 2026.

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