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,029 stars 17 forks Updated 1 months ago MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
100
Recency 20%
75
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
2 months ago
Last Updated
1 months ago
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

auteur

Design and build cinematic, award-level web pages.

249,097 Updated today
NousResearch
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 2 months ago
tahabahrami
Web & Frontend Listed

master-website-engineering

Run a full professional website/app build as one team - recon, brief, section map, art direction, cinematic scroll-driven motion (particle/halftone assembly, pinned frame reveals, clip wipes, word lighting, horizontal galleries, stacking panels, path-draw timelines), engineering, security, testing, performance, accessibility, SEO, visual verification and an honest report. Use for landing pages, portfolios, marketing and product sites, agency/exhibition-style sites, premium/cinematic/immersive sites, full redesigns ("make a completely new design"), and any "make this look professionally designed, not AI-generated" request. Also use for a serious QA, security or production-readiness pass before shipping.

0 Updated 1 weeks ago
hyperdargo