transitions SKILL.md skillA

transitions 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/transitions@git:20261013.1f1568c

Pins git:20261013.1f1568c 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/transitions/SKILL.md
Versions recorded
7
Latest version
git:20261013.1f1568c, committed Oct 13, 2026
First version recorded
Sep 24, 2026
Size
8,468 bytes
Repository stars
27
License
a license file GitHub does not identify

Transitions between shots and between styles in drawn-by-code (engine/transitions.js): entering through a point (eye, mouth), iris, engulf, vortex, frame within a frame, paper ball. Use it when linking two shots or two different styles, in «exquisite corpse» videos, or when a hard cut feels poor.

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

# Transitions

Reference: *Rick and Morty · Exquisite Corpse*. Each segment is made by a different studio
and **there is never a hard cut between styles**: the action continues and the transition
passes **through** something in the shot (an eye, a mouth, a picture frame, some clouds).

## Rules

- **The transition is a shot**, with its own slot in `shots` (1–1.5 s) and cuts on the beat.
- **It passes through the through-line** (the object or character linking the segments) or
  through something already in the outgoing shot. If the transition doesn't come out of
  the shot, it's a crossfade by another name.
- **The transition's edge belongs to the outgoing style** (the edge of the spore clouds
  is 70s poster; the edge of the paper ball is paper): that way the change reads as
  something world A does, not the edit.
- **First you see the point, then the new world** (`enter` with `fadeIn`): if the portal
  replaces the eye on the first frame, it reads as a flat disc.
- **The through-line never disappears**, not even in the smallest frame of the vortex.
- Vary: don't repeat the same transition twice in a row.

## Catalog (`Trans.*`, load `engine/transitions.js` in `uses`)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add illodev/drawn-by-code/transitions@sha256:7bf288e378241de5

The line at the top of this page pins the label git:20261013.1f1568c, 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_dpdlblt7oyabqdwa.svg)](https://markdownregistry.com/a/art_dpdlblt7oyabqdwa)

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

Versions

The registry has recorded 7 versions of this file, between Sep 24, 2026 and Oct 13, 2026, about one every 3 days.

versioncommittedcommitsizeaudit
git:20261013.1f1568c latest2026-10-13 1f1568c 8,468 BA view · diff
git:20261002.7d0e4222026-10-02 7d0e422 7,696 BA view · diff
git:20260930.ec9d18d2026-09-30 ec9d18d 5,335 BA view · diff
git:20260927.9718f042026-09-27 9718f04 4,521 BA view · diff
git:20260925.91d207e2026-09-25 91d207e 3,613 BA view · diff
git:20260924.433dc802026-09-24 433dc80 3,230 BA view · diff
git:20260924.23cfbb12026-09-24 23cfbb1 3,227 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 (8468 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_dpdlblt7oyabqdwa
GET https://markdownregistry.com/api/v1/resolve?ref=illodev/drawn-by-code/transitions
GET https://markdownregistry.com/api/v1/blob/7bf288e378241de54605ed6fe8d4e81b613dfced35f4a792d38f1509d2eb6744

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

Other files named transitions

transitions SKILL.md skill
alebgl77/claude-inc · skills/transitions/SKILL.md · Builds a complete CSS motion system — duration and easing tokens (fast 120ms micro-feedback, base 200ms, slow 320ms…
git:20260711.2713ff9 · audit A · 19 stars

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