A Claude Code skill · directed, not prompted

Websites, directed like films.

auteur gives Claude Code a director's pipeline — art direction locked before a line of code, assets generated by local CLIs, and every ship gated by an executable anti-slop linter.

Drag the field · particles are 131,072 points forming the wordmark See the method
01

The method

Anyone can prompt a page. auteur directs one — and refuses to ship slop.

  1. Commit-sheet

    One committed art direction — a single brand hue, a type system, a motion budget, named anti-references — written down before any markup. No "let's see how it looks" drift.

  2. Generated assets

    Imagery, video frames, depth maps and 3D geometry produced by local CLIs, routed by cost and by what each tool is actually good at.

  3. Build

    One WebGL context, GSAP/Lenis scroll, DOM motion on transform & opacity only — from proven recipes: fluid, particles, 3D worlds, scroll-morph.

  4. Gate

    Nothing ships until it clears slopscan (a runnable anti-slop linter) and motionqa (a real Playwright frame-rate & a11y check).

02

What it brings

A

Generated assets & video

Codex & Gemini image generation, Blender headless renders, Depth-Anything maps — real media pipelines, not stock photos.

local CLIs · cost-routed
B

Tier-1 / Tier-2 motion

Real-time fluid, GPGPU particles, 3D worlds you fly through, scroll-morph state machines, audio-reactive shaders.

one WebGL context · 60fps target
C

An executable anti-slop linter

slopscan fails the build on the AI-default purple gradient, blanket transition rules, autoplay sound, missing reduced-motion — provably, in CI.

0 fails · 0 warns · reproducible
03

The proof

This page was directed by auteur. So were these ten — and the last one by a different model entirely.

01 · FLUX

Flux

A WebGL fluid simulation that tears the wordmark apart under your cursor.

↗ 02 · STATIC

Static

A broadcast-glitch wordmark you can shred with a fast drag, crisp again at rest.

↗ 03 · SWARM

Swarm

131,072 GPU particles on a curl-noise field, settling into a living wordmark.

↗ 04 · DRIFT

Drift

An atmospheric 3D world of monoliths and volumetric fog you fly through on scroll.

↗ 05 · ATLAS · VIDEO-SCRUB TIER

Atlas

A photoreal camera flight through dunes, canyon, coast and summit: real AI video, scrubbed frame-by-frame as you scroll.

↗ 06 · ABYSS · VIDEO-SCRUB TIER

Abyss

A continuous dive from the sunlit surface to the abyssal floor: photoreal ocean, a scroll-driven camera pushing you deeper through every zone.

↗ 07 · HALE · SOURCED-3D TIER

Hale

A real CC0 microscope mesh under a real CC0 HDRI, coming apart on scroll: eight parts, each naming itself on a drafting leader. Nothing here was generated.

↗ 08 · TRUE NOON · COMPUTED TIER

True Noon

A year of real sun positions drawn as one continuous line, computed from your own latitude. No WebGL, no photography, no rendering: the only page here that makes a claim you can check against the sky outside.

↗ 09 · PROOF · SYSTEM REGISTER

Proof

Five screens of a bakery production floor, and the first entry here that is a product rather than a page. Held to one design system by a gate that crawls every route and counts what the browser actually painted.

↗ 10 · HORO · BUILT BY ANOTHER MODEL

Horo

The one page here Claude did not design. Kimi K3 was handed SKILL.md and a watchmaker's brief, and went the opposite way from every site above it: a lit page, no mono, no status bar, the four house tells it broke named in writing beforehand. The dial is CSS and keeps your time. Layout repairs are ours; the taste is its own.

↗
04

Direct your first site

  1. 1

    Add the skill

    npx skills add agiwhitelist/auteur — it detects the agents you have installed, Claude Code, Codex, Cursor, Gemini CLI and 70 more, and writes to each one's skills folder.

  2. 2

    Say the word

    Ask your agent to direct one. It runs the commit-sheet, generates, builds, and gates — then hands you the site.

Get auteur on GitHub ↗ Watch all ten sites