style-liquid-light SKILL.md skillA

style-liquid-light from illodev/drawn-by-code is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add illodev/drawn-by-code/style-liquid-light@git:20260924.23cfbb1

Pins git:20260924.23cfbb1 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
illodev/drawn-by-code
Path
.claude/skills/style-liquid-light/SKILL.md
Versions recorded
1
Latest version
git:20260924.23cfbb1, committed Sep 24, 2026
Size
3,156 bytes
Repository stars
27
License
a license file GitHub does not identify

Liquid light style: the oil-and-ink projections of 60s concerts, with blobs that flow, merge (metaballs), shift color and have rings like oil on water. Use it for psychedelic, hypnotic, liquid or organic videos, or when working with styles/liquid-light/.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Style · Liquid light

Approved. Reference: `sandbox/2026-09-24-exquisite-corpse/` (jellyfish segment, 12–16.5 s).

## Code

`styles/liquid-light/kit.js` → `Liquid`: `field(g, env, blobs, { res, bg, bands, hueShift,
glow, threshold, sat })` paints the blob field `[{ x, y, r, hue }]`; `drift(seed, n, t,
env, o)` gives blobs that drift on their own; `glowDot` is a sharp point of light on top. For layers: first a faint background
(`gain: 0.4`) and the figure on top with `transparent: true`. `pulses: [{ x, y, r, w, hue, amp }]`
are light waves that tint whatever they cross (and show as rings in empty water).

The field is computed per pixel at low resolution (`res` = 360 px wide) and upscaled with
smoothing: that blur IS the projection look. It costs about 30 ms per frame with about
40 blobs.

## Style rules

- **Two layers:** a faint, dense background sea (20+ small drifting blobs, with `gain`
  0.4) and the bright figure on top. An empty black background = a scene without context.
- **The figure moves like the real thing** (look at a reference): a jellyfish swims in
  strokes (contracts, rises, glides) and the tentacles trail behind.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add illodev/drawn-by-code/style-liquid-light@sha256:1034cf7eba7435fd

The line at the top of this page pins the label git:20260924.23cfbb1, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_jp7bv7rjojdcevzl.svg)](https://markdownregistry.com/a/art_jp7bv7rjojdcevzl)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Sep 24, 2026.

versioncommittedcommitsizeaudit
git:20260924.23cfbb1 latest2026-09-24 23cfbb1 3,156 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (3156 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

illodev/drawn-by-code · 27 stars · license a license file GitHub does not identify · pushed 2026-10-15 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_jp7bv7rjojdcevzl
GET https://markdownregistry.com/api/v1/resolve?ref=illodev/drawn-by-code/style-liquid-light
GET https://markdownregistry.com/api/v1/blob/1034cf7eba7435fdb2177712984f2d5c014ba4bd78157396cf0b7166bd718b2c

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from illodev/drawn-by-code

animate SKILL.md skill
illodev/drawn-by-code · .claude/skills/animate/SKILL.md · Directs the creation of a code-made animation or video in drawn-by-code, from brief to final MP4. Use it whenever the…
git:20261014.3c9c949 · audit A · 27 stars
engine SKILL.md skill
illodev/drawn-by-code · .claude/skills/engine/SKILL.md · Technical reference for the drawn-by-code engine. Use it when writing or debugging a scene's code (scene.js), when…
git:20261002.7d0e422 · audit B · 27 stars
hands SKILL.md skill
illodev/drawn-by-code · .claude/skills/hands/SKILL.md · How to draw hands in drawn-by-code, in any style. Use it before drawing, redrawing or reviewing any hand, and whenever…
git:20260925.a9e0822 · audit A · 27 stars
new-style SKILL.md skill
illodev/drawn-by-code · .claude/skills/new-style/SKILL.md · Creates a new animation style in drawn-by-code (code kit + template + skill + style test). Use it when the user asks…
git:20260924.36b2db3 · audit A · 27 stars
replicate SKILL.md skill
illodev/drawn-by-code · .claude/skills/replicate/SKILL.md · How to replicate a reference video 1:1 (or study a style from one) with the drawn-by-code engine, measuring instead of…
git:20260926.66a91c5 · audit A · 27 stars
review SKILL.md skill
illodev/drawn-by-code · .claude/skills/review/SKILL.md · Review and self-improvement loop for drawn-by-code. Use it after EVERY render or visible change to a scene, whenever…
git:20261002.7d0e422 · audit A · 27 stars
sound SKILL.md skill
illodev/drawn-by-code · .claude/skills/sound/SKILL.md · Music, sound effects and mixing for drawn-by-code videos. Use it when choosing or cutting music, syncing the animation…
git:20261002.7d0e422 · audit A · 27 stars
style-70s-poster SKILL.md skill
illodev/drawn-by-code · .claude/skills/style-70s-poster/SKILL.md · Psychedelic 70s poster style (Fillmore, Yellow Submarine) drawn with code. Flat acid colors, thick outlines, concentric…
git:20260924.23cfbb1 · audit A · 27 stars
style-clay SKILL.md skill
illodev/drawn-by-code · .claude/skills/style-clay/SKILL.md · Clay (plasticine) style, in testing: soft 3D pieces lit from the top left with fingerprints, tool marks, a waxy sheen…
git:20260924.2750f88 · audit A · 27 stars
style-clay3d SKILL.md skill
illodev/drawn-by-code · .claude/skills/style-clay3d/SKILL.md · Clay 3D style, in testing: raymarched plasticine puppets (WebGL2 in the headless browser) built from lumpy pressed-on…
git:20260924.cb6f0ba · audit A · 27 stars
style-comic SKILL.md skill
illodev/drawn-by-code · .claude/skills/style-comic/SKILL.md · Comic book style (in testing) — brush-ink outlines with variable width and tapered ends, flat print colours on…
git:20261002.4d944dc · audit A · 27 stars
style-engraving SKILL.md skill
illodev/drawn-by-code · .claude/skills/style-engraving/SKILL.md · Engraving style (in testing): 3D scenes drawn as a plate of the «Description de l'Égypte» — charcoal tone on toothed…
git:20260927.9718f04 · audit A · 27 stars

Every file in illodev/drawn-by-code

Browse by kind, by grade A, or by owner.