Guides / AI tools

One-of-a-kind phone wallpapers with Claude: Anthropic's Algorithmic Art skill, a new picture for every seed

Anthropic's Algorithmic Art skill has Claude write an algorithmic philosophy, then seeded p5.js. New seed, new picture; save a 1170×2532 PNG.

Most people think AI art means typing one line into an image generator, and the wallpaper you get looks like everyone else's. This guide takes another route: Claude uses Anthropic's official Algorithmic Art skill to write an algorithm, and the code draws the wallpaper itself. One algorithm draws a different picture for every seed (a number that drives the randomness), so the one you pick is yours alone. The four wallpapers and every image below were drawn by code Claude wrote with this skill: no image generator, and no one else's artwork.

01Install the Algorithmic Art skill (2 minutes)

  1. Open Claude Code.
  2. Type: /plugin marketplace add anthropics/skills
  3. Then type: /plugin install example-skills@anthropic-agent-skills
  4. algorithmic-art is part of the example-skills set, so it installs with it. Say "Use the algorithmic-art skill to make…" to call it.

On claude.ai, first check that "Code execution and file creation" is on under Settings → Capabilities, then switch on the example skills under Customize → Skills. The help centre says Free, Pro and Max can enable example skills there; the GitHub README says they are already available on paid plans. On Team and Enterprise it depends on your admin's settings.

The algorithmic-art SKILL.md on GitHub: name, description and the two steps
SKILL.md: p5.js with seeded randomness, in two steps: an algorithmic philosophy (.md), then the code (.html + .js).

02Step 1: paste the prompt and get an algorithmic philosophy first

The skill doesn't start drawing straight away. Step one is a 4 to 6 paragraph "algorithmic philosophy" for each algorithm: where the light comes from, how the lines run, how the grain falls and what the seed changes. That document is the rulebook for that wallpaper.

Phone-wallpaper prompt (replace the [ ] parts)
Use the algorithmic-art skill to make a set of [4] phone wallpapers, [1170×2532] (portrait), each one a different algorithm, good enough that I'd set it as my lock screen straight away. Direction: [e.g. hundreds of very thin rainbow lines forming a winding band of light on black / bundles of navy contour lines on white paper / two grainy blue orbs touching on off-white paper]. Follow the skill: write the algorithmic philosophy first, then the p5.js, with a fixed seed so the same seed always draws the same image and a new seed draws a new one. Give each one adjustable parameters ([line count, grain, colours]) and an interactive viewer where I can change the seed and download a PNG. Fill the frame with depth, and make it look good shrunk down on a phone; no text, no logos.

Our real version listed 5 directions and ended with "follow the colours of the references, but let the algorithm decide the composition; don't copy the references". Claude wrote four philosophies: Thin-Film Drift, Ribbed Refraction, Contour Silence and Stochastic Glow.

Excerpt of Claude's algorithmic philosophy, Thin-Film Drift
Thin-Film Drift philosophy (excerpt): an invisible tube wrapped in hundreds of spiral lines, lit by thin-film colour.

03Step 2: p5.js code plus a viewer you can play with

Only in step two does it write code. The skill says to start from the official viewer template: seed, parameters and buttons on the left, the canvas on the right. Each wallpaper is a single HTML file that works in any browser; on claude.ai it becomes an interactive artifact.

The Thin-Film Drift viewer: seed, parameters, colours and buttons on the left, the 1170×2532 wallpaper on the right
Claude's viewer (Thin-Film Drift, seed 5): Line Count 120 means 120 thin lines; Download PNG is bottom left.

The four wallpapers use four completely different algorithms:

  1. Thin-Film Drift: 120 thin spiral lines wrap a winding tube; where they crowd at the edges, fine interference ripples appear on their own.
  2. Ribbed Refraction: a soft glow hides behind 38 vertical glass ribs, and each rib slices the light and shifts it up or down a little.
  3. Contour Silence: a map of terrain that doesn't exist, with contour lines in bands of 16 and wide stretches of white paper between the bands.
  4. Stochastic Glow: the two orbs aren't gradients but millions of ink dots, darkest where the orbs touch.
Four 1170×2532 wallpapers side by side: rainbow band, ribbed glass, navy contours, grainy blue orbs
All four are 1170×2532 PNGs drawn by code: Thin-Film Drift seed 5, Ribbed Refraction seed 2, the others seed 20261020.

When you open a viewer, the algorithm draws the picture stroke by stroke: the lines lay down first and then the light sweeps across the band; contours appear layer by layer; ink dots fall batch by batch.

The four algorithms from blank to finished, one wallpaper per row
The same code from first stroke to finished picture, one wallpaper per row.

04Step 3: change the seed and pick your one (the fun step)

The skill requires a fixed seed: the same seed always draws exactly the same image, and a new seed draws a new one. In the viewer, step through with Prev / Next, jump with Random, or type a number into the box.

The Thin-Film Drift algorithm at seeds 2, 5 and 12: three different wallpapers
One algorithm at seeds 2, 5 and 12: the turns, the bulges and the light direction all change.

Once you like a composition, fine-tune it with the sliders. Every wallpaper has its own parameters; Contour Silence, for example, lets you set the number of levels, lines per band, the gap between bands, terrain scale and line weight, plus the ink and paper colours.

Contour Silence viewer parameters: Levels, Lines per Band, Gap Levels, Terrain Scale, Warp, Line Weight
The Contour Silence viewer: seed 20261020, Lines per Band 16, Gap Levels 15.
Change-one-wallpaper prompt (replace the [ ] parts)
Following the algorithmic philosophy, change only [Ribbed Refraction]: [the glass ribs are too wide and the white edges too hard, so it looks like window blinds. Use 30 to 40 ribs, drop the white highlights, give each rib a soft light-to-dark gradient and add a pale peach glow near the top]. Don't touch the other three.

05Step 4: download the PNG and set it as your lock screen

  1. Wait until the canvas has finished drawing, then press Download PNG.
  2. Save the PNG to your phone's photo library.
  3. iPhone: open it in Photos, tap Share and choose "Use as Wallpaper". On Android it depends on the phone; it's usually "Set as wallpaper" in the gallery menu.
  4. Check it with the clock on top, and make sure the clock area isn't swallowed by the pattern.
Mock-up of the Thin-Film Drift wallpaper on a phone lock screen showing 07:24
Thin-Film Drift as a lock screen (the phone frame and clock are our own mock-up).

We hit this in the first round: the darkest part of Ribbed Refraction sat right behind the dark clock, and the time was barely readable. Once Claude moved that glow down and added a pale peach glow at the top, the clock read clearly.

06Good to know

  1. All four wallpapers were generated by code Claude wrote with the algorithmic-art skill. The phone frame and lock screen are our own HTML mock-ups, not Apple's.
  2. The wallpapers are still PNGs and don't move on your phone. What moves is the algorithm drawing the picture inside the viewer.
  3. 1170×2532 is the screen resolution of phones such as the iPhone 12 to 14. For another phone, put its resolution in the prompt.
  4. Algorithmic Art is an open-source skill under Apache 2.0 and requires original work. We used our references only to describe colour and mood; don't feed it someone else's artwork to copy.
  5. How example skills are enabled, and on which plans, may change; the Claude help centre is the reference.

Sources

Related guides