auteur skill
A skill for Claude Code and other agents that builds websites directed like films: art direction before code, local CLI asset generation and an anti-slop linter
- 1,047 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Runs local build and check scripts: Node, Playwright, ffmpeg
- The reference recon phase makes outbound requests to external sites
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/auteurDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Runs local build and check scripts: Node, Playwright, ffmpeg
- The reference recon phase makes outbound requests to external sites
This is third-party code. Review the repository files before installing.
What it does
The skill walks the agent through a web build the way a director makes a film: art direction is committed in writing first, then assets, then markup, then the cut. It has three registers: build for an excellent conventional site, direct for a cinematic scroll-directed site, and system for a multi-screen product in one design system. It generates and sources assets with local CLIs, including images, video frames, depth maps and 3D, recording licenses. Nothing ships until the build passes the executable slopscan anti-slop linter, the motionqa animation check and the systemscan cross-route check. A reference recon phase reads external pages; it can be skipped to work offline.
Who it is for. For developers and designers who need a landing page, promo or multi-screen product that does not look templated.
Good fit when
- You need to build or redesign a landing page, promo or portfolio so it does not look templated
- You need scroll animations or a site that feels like a film
- You need a product of several screens in one design system
Not a fit when
- You need to polish someone else's finished UI rather than build a new one
- The task is backend only, with no interface
Example request
Build me a cinematic landing page with scroll animation for our product using auteur.Limitations
The skill installs without keys or a build step, but some phases depend on external tools. Asset generation relies on local CLIs for images, video and 3D that may not be present. The reference recon phase reaches external sites, so it must be skipped without access to them. The slopscan, motionqa and systemscan checks require Node and Playwright.
How to disable. Remove the auteur folder from the agent's skills directory, for example from ~/.claude/skills/. If installed as a Claude Code plugin, remove it with /plugin.
FAQ
Do I need API keys?
Not to install. But asset generation and reference recon use external CLIs and sites, some of which may require their own tools or access. The core build works offline.
What does the anti-slop linter do?
The slopscan script fails the build on common templated-design tells, motionqa checks animation smoothness, and systemscan watches for style drift between screens.
Discussion
No questions or reviews yet.
Related
SkillsA web-design skill for Claude Code: a DESIGN.md spec first, then code that follows it
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
design-to-code: a website from a design image
design-to-code
A skill that turns a screenshot, mockup, Figma frame or live page into a responsive site and checks it against the design
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
A skill that makes the agent cast a director, storyboard a site, shoot the page with scroll and screen the frames.
README in short
The README presents auteur as an Agent Skill: a SKILL.md, reference recipes and a few runnable scripts, about 1MB, with no dependencies or keys. The skill builds sites the film way: art direction is committed before markup, assets come from local CLIs, and every build passes an executable anti-slop linter and a motion check. It installs with one npx skills add command, as a Claude Code plugin, via OpenClaw or by cloning into the skills directory. The gallery shows ten live sites built by the skill, each passing its own linter with no errors. MIT licensed.
README badge
Original SKILL.md
--- name: auteur description: 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 (app, dashboard, admin, settings, onboarding, docs site) built as one design system with every component, state and route in one style. Use whenever the user wants to create or redesign a landing page, website, hero section, portfolio, promo or product page; wants scroll animations, storytelling pages, or a site that feels like a movie; or says "make it beautiful", "make it wow", "cinematic", or "design system" — even if they name no technique. Generates its own assets via local CLIs (images, video frames, depth maps, 3D), and gates every ship with an executable anti-slop linter and a screenshot verification loop. Not for polishing a UI someone else built, and not for backend-only work. version: 1.3.1 user-invocable: true argument-hint: "[build|direct|system|edit|audit|recon] <brief or target>" allowed-tools: - Bash(node scripts/*) - Bash(npx playwright *) - Bash(agy *) - Bash(codex *) - Bash(grok *) - Bash(ffmpeg *) --- 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.