Agent skill · nousresearch
auteur
Design and build cinematic, award-level web pages.
What it needs
About 12k tokens when loaded.
What this skill does
Auteur Skill Ported from agiwhitelist/auteur (MIT), snapshot commit 9bca227d — see LICENSE. Scripts, templates and references are the upstream files (CRLF→LF), with Hermes adaptation notes and references/ path fixes as the only edits. Auteur designs and builds web experiences the way a film director makes a film: script first, then assets, then the shoot, then the cut. It has three registers — build (an excellent conventional site), direct (a cinematic scroll-directed site) and system (a multi-screen product as one design system) — on one shared core of taste. Nothing ships until the page passes an executable anti-slop gate and the skill has looked at its own output. When to Use A landing page, marketing site, hero section, portfolio or product page has to be built or redesigned — and looking generic is not acceptable. The brief asks for scroll animation, storytelling, or a site that feels like a film. A product spans several screens that must feel like one thing — app, dashboard, admin, onboarding, docs. Someone says make it beautiful, make it wow, cinematic, or design system, naming no technique. Not for polishing a UI someone else built, and not for backend-only work. Prerequisites Node 18+ — every QA gate is a .mjs script run with node via the terminal tool. Playwright (for the QA gates) — in the project directory: npm install playwright then npx playwright install chromium. Required by scripts/shoot.mjs, motionqa.mjs, systemscan.mjs, refscout.mjs, chromadiff.mjs, moodboard.mjs (the scripts import playwright at runtime; slopscan.mjs and source.mjs are dependency-light). ffmpeg — optional; only for the video/score paths in references/assets.md and references/scroll-flight.md. Hermes tools — use imagegenerate for image generation/editing, terminal for node/ffmpeg/npm, writefile/readfile for project files, visionanalyze to actually look at screenshots, and browserexec for live-page inspection when a script isn't the right fit. How to Run What it actually does 1. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nousresearch/auteur