Individual skill
auteur
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.
SKILL.md
Source commit 9bca227df9877e60dc45d49783c8cbd885eccd9b
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 10, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,041
- Repository last updated
- Aug 6, 2026
- License
- MIT
Observed agent integration: claude-code
- anti-slop Repository topic
- claude-code Repository topic
- creative-coding Repository topic
- generative-art Repository topic
- gsap Repository topic
- web-design Repository topic
- webgl Repository topic
- agent-skills Repository topic
- claude-code-skills Repository topic
- landing-page Repository topic
- design Derived category
- marketing Derived category
- writing Derived category
- docs Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.claude-plugin/marketplace.jsonasset · 1,217 bytes.github/workflows/ci.ymlasset · 1,626 bytes.gitignoreasset · 722 bytesDESIGN.mddoc · 3,106 bytesLICENSEasset · 1,069 bytesPRODUCT.mddoc · 3,638 bytesREADME.mddoc · 14,715 bytesREADME.zh-CN.mddoc · 14,713 bytesSKILL.mdcore · 20,348 bytesSKILL.mdcore · 20,348 bytesSKILL.mdcore · 20,348 bytesassets/readme/abyss.webpasset · 12,826 bytesassets/readme/atlas.webpasset · 21,006 bytesassets/readme/drift.webpasset · 17,836 bytesassets/readme/flux.webpasset · 16,826 bytesassets/readme/hale.webpasset · 7,152 bytesassets/readme/hero-anim.webpasset · 2,153,066 bytesassets/readme/hero.webpasset · 181,594 bytesassets/readme/horo.webpasset · 36,196 bytesassets/readme/noon.webpasset · 8,238 bytesassets/readme/proof.webpasset · 30,604 bytesassets/readme/static.webpasset · 12,040 bytesassets/readme/swarm.webpasset · 30,020 bytespackage-lock.jsonasset · 1,809 bytespackage.jsonruns · 748 bytesreference/ambient-backgrounds.mddoc · 8,119 bytesreference/assets.mddoc · 28,689 bytesreference/build.mddoc · 5,529 bytesreference/direct.mddoc · 12,667 bytesreference/motion.mddoc · 16,848 bytesreference/recon.mddoc · 12,824 bytesreference/scroll-cinema.mddoc · 61,136 bytesreference/scroll-flight.mddoc · 10,369 bytesreference/system.mddoc · 10,857 bytesreference/taste.mddoc · 14,034 bytesreference/verify.mddoc · 15,150 bytesscripts/chromadiff.mjsruns · 7,761 bytesscripts/moodboard.mjsruns · 12,153 bytesscripts/motionqa.mjsruns · 8,572 bytesscripts/refscout.mjsruns · 22,403 bytesscripts/shoot.mjsruns · 9,010 bytesscripts/slopscan.mjsruns · 22,717 bytesscripts/source.mjsruns · 21,941 bytesscripts/systemscan.mjsruns · 23,213 bytesskills.sh.jsonasset · 484 bytestemplates/CINEMA-QA.mddoc · 2,263 bytestemplates/COMMIT-SHEET.mddoc · 3,155 bytestemplates/DESIGN.mddoc · 3,990 bytestemplates/STORYBOARD.mddoc · 4,610 bytestemplates/SYSTEM-SHEET.mddoc · 5,095 bytestemplates/scroll-flight-engine.jsruns · 35,440 bytes
Read excerpt
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.