auteur

Featured

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.

Web & Frontend 1,019 stars 15 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

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. ### Use this when - 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. ### What it actually does 1. Commits the art direction **in writing before any markup** — one hue, one type system, a motion budget, named anti-references. 2. Generates or sources the assets: local image/video CLIs, Blender, depth maps, CC0 meshes and HDRIs with their licences recorded. 3. Builds from proven recipes — one WebGL context, transform/opacity motion, scroll state machines. 4. **Gates the result**: `slopscan` fails the build on concrete slop, `motionqa` fails it ...

Details

Author
agiwhitelist
Repository
agiwhitelist/auteur
Created
1 months ago
Last Updated
2 weeks ago
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

artistic_web_designer

Design and build art-directed, scroll-driven websites where a generated cinematic sequence is scrubbed by scroll — a story that reveals itself as the reader descends, with hand-authored rhythm, precise motion, and generated artwork produced through Higgsfield (Seedance / Nano Banana) via its MCP or CLI. Use this skill whenever someone wants a scroll-to-reveal, scrollytelling, cinematic, immersive, animated, "3D", parallax, or award-style landing page or hero; whenever they describe a site that should "unfold", "reveal itself", "feel like a film", or "take you somewhere" as you scroll; whenever a brand or studio site needs real art direction rather than a template; whenever generated video or imagery needs to drive a page's motion; and whenever an existing scroll experience desyncs, stutters, fails to reverse, or breaks on mobile or Safari. Also use it for the supporting craft: authoring scroll timelines, scrubbing image sequences on canvas, key-plate art direction, first/last-frame clip chaining, and drawing

0 Updated 4 weeks ago
tahabahrami
Web & Frontend Listed

scroll-film-studio

Build a genuinely beautiful animated scroll-film website - the whole page is one continuous cinematic shot that plays as the visitor scrolls. Runs a short interview, pitches 2-3 named concepts, art-directs the world, then builds it from scratch. Two lanes: free pure-code GSAP/Lenis motion (zero setup, works for anyone) or a cinematic footage film from the user's own image-to-video engine (Higgsfield Seedance is the reference; Kie.ai, fal, Replicate or any start-image-capable model works). Trigger on "scroll-film", "cinematic scroll site", "scrollytelling website", "build me an animated/scroll website", "film-scroll site", "one continuous shot website", or any request for a premium scroll-scrubbed animated site. NOT for slide decks / HTML explainers or static brochure sites.

1 Updated 1 months ago
roeea2
Web & Frontend Listed

creative-web-studio

Use when building, redesigning, or reviewing a marketing site, landing page, portfolio, or brand/product site in Next.js and the result must look art-directed rather than templated, or when choosing between CSS, Motion, anime.js, GSAP, Lenis, and React Three Fiber for an interaction.

0 Updated 1 weeks ago
christianfurr