# Cinematic Web Pages

Design and build cinematic, award-level web pages.

- Repository: https://github.com/NousResearch/hermes-agent (259479 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add NousResearch/hermes-agent --skill auteur -g -a claude-code -y`
Codex: `npx skills add NousResearch/hermes-agent --skill auteur -g -a codex -y`
Cursor: `npx skills add NousResearch/hermes-agent --skill auteur -g -a cursor -y`
Gemini CLI: `npx skills add NousResearch/hermes-agent --skill auteur -g -a gemini-cli -y`

## Description

Design and build cinematic, award-level web pages.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Auteur Skill

> Ported from [agiwhitelist/auteur](https://github.com/agiwhitelist/auteur) (MIT), snapshot
> commit [`9bca227d`](https://github.com/agiwhitelist/auteur/commit/9bca227df9877e60dc45d49783c8cbd885eccd9b)
>, 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

The rest: https://github.com/NousResearch/hermes-agent/blob/HEAD/optional-skills/creative/auteur/SKILL.md