auteur

skill
Security Audit
Warn
Health Pass
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 675 GitHub stars
Code Warn
  • network request — Outbound network request in docs/showcase/abyss/assets/scroll-flight-engine.js
  • network request — Outbound network request in docs/showcase/atlas/assets/scroll-flight-engine.js
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop linter that gates every ship.

README.md

auteur

The Claude Code skill that directs a website like a film.

CI
License: MIT
Live showcase

Art direction is locked before a line of code. Assets are generated by local
CLIs. Every ship is gated by an executable anti-slop linter and a real motion
check.

▶ See it live  ·  The method  ·  Install


The proof

Don't take the pitch — open the nine sites. Each was built by auteur, and each
passes the skill's own linter with 0 fails / 0 warns:

Site Technique Live
FLUX WebGL fluid simulation that tears the wordmark under the cursor open ↗
STATIC Broadcast-glitch type you can shred with a fast drag, crisp at rest open ↗
SWARM 131,072 GPU particles on a curl-noise field, settling into a wordmark open ↗
HALE A CC0 microscope mesh under a CC0 HDRI, taken apart on scroll into eight named parts — sourced, not generated open ↗
TRUE NOON A year of real sun positions drawn as one line, computed live for your latitude. 145KB, zero raster assets open ↗
PROOF Five screens of a bakery production floor — a product, not a page, gated for design-system drift across every route open ↗
DRIFT An atmospheric 3D world of monoliths + volumetric fog you fly through open ↗
ATLAS A photoreal camera flight (dunes → canyon → coast → summit) — real AI video, scrubbed by scroll open ↗
ABYSS A photoreal ocean dive (surface → reef → twilight → bioluminescence → abyss) — video + a scroll-driven camera dolly open ↗

FLUX / STATIC / SWARM / DRIFT are real-time WebGL; ATLAS and ABYSS are the
video-scrub tier (see reference/scroll-flight.md) — photoreal footage with a
scroll-driven camera dolly through it. The landing page itself is a seventh —
built by the same discipline it sells.

There are no benchmark numbers anywhere in this repo. auteur is a design
discipline, not a system with a throughput figure. The one quantitative claim
— the linter result — you can reproduce in one command (below).

Install

auteur is a Claude Code skill: a SKILL.md plus reference recipes and a few
runnable scripts. Drop it into your skills folder.

git clone https://github.com/agiwhitelist/auteur ~/.claude/skills/auteur

Then, in Claude Code:

"build me a cinematic landing with auteur"

Claude runs the pipeline — commit-sheet → assets → build → gate — and hands you
the site.

How it works

A director's pipeline, enforced in order:

  1. Recon. refscout profiles live award-winning sites — the libraries they
    really load, how many scenes they pin, their scroll budget, the fonts and
    palette as painted — and moodboard pulls a numbered contact sheet from Bing
    / Pinterest / are.na. Art direction gets decided from live material and a
    dated read of the category's reflex, not from memory.
  2. 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.
  3. Generated assets. Imagery, video frames, depth maps and 3D geometry from
    local CLIs (Codex / Gemini image gen, Blender headless, Depth-Anything),
    routed by cost and by what each tool is actually good at.
  4. Build. One WebGL context, GSAP/Lenis scroll, DOM motion on transform &
    opacity only — from proven recipes: fluid, GPGPU particles, 3D worlds,
    scroll-morph state machines.
  5. Gate. Nothing ships until it passes both gates below.

The gates (this is the point)

slopscan — a zero-dependency linter that fails the build on concrete
slop, not vibes:

node scripts/slopscan.mjs docs            # the landing
node scripts/slopscan.mjs docs/showcase/flux
# → Summary: 0 fails, 0 warns, 0 suppressed

It catches the 250–290° purple→blue AI gradient, transition: all,
addEventListener('scroll') for animation, autoplay audio, video with no
poster, WebGL with no prefers-reduced-motion branch, Inter/Space-Grotesk
defaults, em-dash-slop copy, and more. Runs in CI on every shipped page — so the
"0 slop" claim above can't silently rot.

motionqa — a Playwright pass that drives the page on a throttled CPU and
fails on dropped frames, long tasks, autoplay sound, or console errors. Sites
target 60fps; the gate is what enforces it.

node scripts/motionqa.mjs docs/showcase/swarm --headed

Recon (phase 0)

node scripts/refscout.mjs --from awwwards --limit 8
# → design/refs/REFERENCES.md + shots/  — stack, pinned scenes, scroll budget,
#   fonts and painted palette per site, screenshots at 1440

node scripts/moodboard.mjs "editorial brutalist dark" "hard rim light macro" --limit 24
# → design/moodboard/contact-sheet.png — 20 numbered tiles in one image, indexed to source

No API keys and no logins: refscout harvests the awwwards gallery (or takes URLs
you pass it) in a real browser, moodboard pulls from Bing images, logged-out
Pinterest and the public are.na API. Sites that withhold their CSS from a
headless browser are reported as NO CAPTURE rather than guessed at, so the
report never invents a font it didn't see.

Sourcing (phase 1)

Some assets should never be generated. source.mjs fetches the ones a model cannot make,
and records the licence of every file it writes:

node scripts/source.mjs hdri  "coastal dusk cold clear" --res 2k   # Poly Haven, CC0
node scripts/source.mjs model "chair wood" --res 1k                # glTF + .bin + textures
node scripts/source.mjs font  "serif variable"                     # banned families demoted

Poly Haven (CC0 meshes / HDRIs / PBR materials), Iconify, Google Fonts, Openverse and Coverr —
no API keys. Every run appends to assets/sourced/ASSETS-SOURCED.md, and CC-BY images carry
their required credit line so it can't be shipped unattributed. Stock video is allowed as an
ambient layer and refused as a hero: if the wow moment is stock, there is no wow moment.

What's in here

SKILL.md              the skill Claude Code loads
reference/*.md        the recipes: recon, build, direct, system, scroll-cinema, scroll-flight, motion, assets, taste, verify
scripts/refscout.mjs  reference scouting + site fingerprinting
scripts/moodboard.mjs image search -> numbered contact sheet
scripts/source.mjs    licence-clean asset sourcing + licence ledger
scripts/systemscan.mjs cross-route design-system drift gate (system register)
scripts/slopscan.mjs  the anti-slop linter (zero deps)
scripts/motionqa.mjs  the Playwright motion + a11y gate
scripts/shoot.mjs     responsive screenshot capture
templates/            commit-sheet, storyboard, cinema-QA, design templates
                      + scroll-flight-engine.js — drop-in photoreal scroll-scrubbed-video engine
docs/                 the landing + the nine live showcase sites (GitHub Pages)

Requirements

  • Claude Code (the skill runs inside it).
  • Node 18+ for slopscan (zero dependencies).
  • Playwright for motionqa / shoot / refscout / moodboard
    (npx playwright install chromium).
  • Optional, for asset generation: whichever local media CLIs you have
    (Codex, Gemini/agy, Blender). The skill routes to what's present and
    degrades gracefully to hand-authored assets when they aren't.

Accessibility floor

Every site auteur ships: prefers-reduced-motion → a rich still, never blank;
all copy readable with JavaScript off; no full-frame strobe; responsive at
390 / 768 / 1440 with no horizontal overflow. These are enforced, not aspired.

Credits

The photoreal scroll-scrubbed-video engine (templates/scroll-flight-engine.js)
and its technique are adapted from scroll-world
by cyw (MIT) — a sibling Claude Code skill focused on AI-video camera flights.
auteur pairs it with its own asset generation and slopscan / motionqa gates.

License

MIT © agiwhitelist — see LICENSE. Vendored components retain their
own MIT notices (see file headers).

Reviews (0)

No results found