mcpbeat Sign in

Threejs Precipitation Surfaces Agent Skill

Build coupled precipitation and affected surfaces in Three.js. Use for falling snow, snow accumulation, model snow caps, wet asphalt puddles, procedural ripple normals, splash flipbooks, rain streaks, shared weather envelopes, and surface wetness or coverage transitions.

2246k tokens
context cost
the whole folder, loaded on every use
11
files
ships runnable scripts
0
copies elsewhere
how many repositories repackaged it
527
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/scottstts/Threejs-Awesome-Graphics-Agent-Skills --skill threejs-precipitation-surfaces

The instruction itself

5 sections, as written by the author

Precipitation Surfaces

Treat weather as a coupled event, particle, and surface-response system. Do not

add rain or snow particles that are visually disconnected from the ground.

Build order

weather envelope
  -> falling precipitation volume
  -> world/object surface mask
  -> displaced or optical surface response
  -> impact residue and splashes
  -> shared lighting/post presentation

Read references/precipitation-surface-systems.md

for snow accumulation, object capping, wrapped precipitation volumes, wet

puddle masks, procedural ripple normals, splash placement, debug outputs, and

licensing boundaries.

Read the

snow accumulation implementation

for camera-wrapped snowfall, shared wind/time uniforms, world-space snow masks,

single-source snow height and normals, model snow capping, and optional ice

surface composition.

Read the

wet puddle rain implementation

for rain-progress wetness, asphalt puddle masks, procedural ripple normals,

instanced rain streaks, upward-surface splash sampling, and flipbook splashes.

This example includes GPL-licensed source material;

preserve its license boundary when copying or publishing it.

Required controls

  • precipitation density and speed;
  • wind direction and strength;
  • shared weather progress or coverage;
  • wetness, snow, or puddle mask threshold and softness;
  • ripple or drift normal strength;
  • surface roughness response;
  • particle/splash opacity;
  • debug modes for masks, normals, particles, and event progress.

Failure conditions

  • falling precipitation ignores the wind or timing used by surface response;
  • snow height and snow normals come from different fields;
  • model snow sticks to vertical faces without an upward-facing filter;
  • puddles only lower roughness without a mask, normal response, or ripples;
  • splashes appear on downward or hidden faces;
  • rain streaks allocate per drop or fail to wrap around the camera;
  • temporal wetness is faked with unrelated time noise;
  • the license boundary for GPL-derived rain code is removed or obscured.

Routing boundary

Use $threejs-water-optics for bounded pool simulation, caustics, Fresnel,

refraction, and Beer-Lambert water volumes. Use $threejs-procedural-vfx for

general sparks, plasma, trails, and non-weather particles. Use

$threejs-temporal-surfaces for screen-space touch history or frost clearing.

This skill owns precipitation events and the surfaces they visibly alter.

Other skills for the same job

different authors, same section of the catalogue
Protocolsio Integration
by christophacham
×4

Integration with protocols.io API for managing scientific protocols. This skill should be used when working with protocols.io to search, create, update, or publish protocols; manage protocol steps and materials; handle discussions and comments; organize workspaces; upload and manage files; or integrate protocols.io functionality into workflows. Applicable for protocol discovery, collaborative protocol development, experiment tracking, lab protocol management, and scientific documentation.

16k tokens
Tailored Resume Generator
by frostant
×4

Analyzes job descriptions and generates tailored resumes that highlight relevant experience, skills, and achievements to maximize interview chances

3k tokens
Excalidraw Diagram Generator
by github
vendor ×3

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

36k tokens scripts
Expo Dev Client
by openai
vendor ×3

Build and distribute Expo development clients locally or via TestFlight

961 tokens
Executing Plans
by ZhanlinCui
×3

Use when you have a written implementation plan to execute in a separate session with review checkpoints

542 tokens
Anndata
by christophacham
×3

Data structure for annotated matrices in single-cell analysis. Use when working with .h5ad files or integrating with the scverse ecosystem. This is the data format skill—for analysis workflows use scanpy; for probabilistic models use scvi-tools; for population-scale queries use cellxgene-census.

16k tokens
Benchling Integration
by christophacham
×3

Benchling R&D platform integration. Access registry (DNA, proteins), inventory, ELN entries, workflows via API, build Benchling Apps, query Data Warehouse, for lab data management automation.

14k tokens
Biopython
by christophacham
×3

Comprehensive molecular biology toolkit. Use for sequence manipulation, file parsing (FASTA/GenBank/PDB), phylogenetics, and programmatic NCBI/PubMed access (Bio.Entrez). Best for batch processing, custom bioinformatics pipelines, BLAST automation. For quick lookups use gget; for multi-service integration use bioservices.

24k tokens

How to use it

Copy the folder

Take scottstts/threejs-precipitation-surfaces from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.