What it does. 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.
- 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.
Highlights
- 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.
- Body text contrast ≥ 4.5:1 (large text ≥ 3:1). Placeholders too. Muted-gray-on-tinted-white is the #1 AI readability failure.
When to use it. Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…
Install
npx skills add agiwhitelist/auteur
Or copy the skill folder manually:
git clone https://github.com/agiwhitelist/auteur.git
cp -r auteur/ ~/.claude/skills/auteur
Source: agiwhitelist/auteur — 1,016 stars, MIT, last pushed 2026-08-06.
