#862 by GitHub stars
agiwhitelist/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
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
9bca227df987 → 9bca227df987
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 9bca227df987
No earlier version was observed for comparison.
Verified commit 9bca227df9877e60dc45d49783c8cbd885eccd9b
git clone --filter=blob:none --no-checkout https://github.com/agiwhitelist/auteur.git .hotskills/agiwhitelist-auteur && git -C .hotskills/agiwhitelist-auteur checkout --detach 9bca227df9877e60dc45d49783c8cbd885eccd9b
# Copy each selected skill directory from .hotskills/agiwhitelist-auteur into .claude/skills/<skill-name>/Heat
0.3- Star growth, last 7 daysAhead of 6% of tracked repositories
- Star growth, last 24 hoursAhead of 1% of tracked repositories
- Rank movement, last 7 daysAhead of 3% of tracked repositories
- Commits, last 30 daysAhead of 0% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- auteur
/
How it works
auteur
When your agent uses it
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.
What it loads into context
Frontmatter
275 tokensAlways available to the agent
SKILL.md
4,868 tokensWhen the skill is activated
Reference documents
64,783 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Non-negotiables
- Routing
- The commit-sheet (before any code, both registers)
- Phases at a glance
- Reference files
- Verification is part of the build
- Working relationship with other skills
- Weak-model note
Scripts executed separately
package.jsonscripts/chromadiff.mjsscripts/moodboard.mjsscripts/motionqa.mjsscripts/refscout.mjsscripts/shoot.mjsscripts/slopscan.mjsscripts/source.mjsscripts/systemscan.mjstemplates/scroll-flight-engine.js
Files
.claude-plugin/marketplace.jsonasset1,217 bytes.github/workflows/ci.ymlasset1,626 bytes.gitignoreasset722 bytesDESIGN.mddoc3,106 bytesLICENSEasset1,069 bytesPRODUCT.mddoc3,638 bytesREADME.mddoc14,715 bytesREADME.zh-CN.mddoc14,713 bytesSKILL.mdcore20,348 bytesSKILL.mdcore20,348 bytesSKILL.mdcore20,348 bytesassets/readme/abyss.webpasset12,826 bytesassets/readme/atlas.webpasset21,006 bytesassets/readme/drift.webpasset17,836 bytesassets/readme/flux.webpasset16,826 bytesassets/readme/hale.webpasset7,152 bytesassets/readme/hero-anim.webpasset2,153,066 bytesassets/readme/hero.webpasset181,594 bytesassets/readme/horo.webpasset36,196 bytesassets/readme/noon.webpasset8,238 bytesassets/readme/proof.webpasset30,604 bytesassets/readme/static.webpasset12,040 bytesassets/readme/swarm.webpasset30,020 bytespackage-lock.jsonasset1,809 bytespackage.jsonruns748 bytesreference/ambient-backgrounds.mddoc8,119 bytesreference/assets.mddoc28,689 bytesreference/build.mddoc5,529 bytesreference/direct.mddoc12,667 bytesreference/motion.mddoc16,848 bytesreference/recon.mddoc12,824 bytesreference/scroll-cinema.mddoc61,136 bytesreference/scroll-flight.mddoc10,369 bytesreference/system.mddoc10,857 bytesreference/taste.mddoc14,034 bytesreference/verify.mddoc15,150 bytesscripts/chromadiff.mjsruns7,761 bytesscripts/moodboard.mjsruns12,153 bytesscripts/motionqa.mjsruns8,572 bytesscripts/refscout.mjsruns22,403 bytesscripts/shoot.mjsruns9,010 bytesscripts/slopscan.mjsruns22,717 bytesscripts/source.mjsruns21,941 bytesscripts/systemscan.mjsruns23,213 bytesskills.sh.jsonasset484 bytestemplates/CINEMA-QA.mddoc2,263 bytestemplates/COMMIT-SHEET.mddoc3,155 bytestemplates/DESIGN.mddoc3,990 bytestemplates/STORYBOARD.mddoc4,610 bytestemplates/SYSTEM-SHEET.mddoc5,095 bytestemplates/scroll-flight-engine.jsruns35,440 bytes
Read SKILL.md
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.View the complete source on GitHubSkills included
- auteur
Repository facts
- License
- MIT
- Created
- Jul 11, 2026
- Last pushed
- Aug 6, 2026
- Forks
- 19
- Open issues
- 0
- Project activity
- Slowing
Rank over the last 12 weeks
Now #862 · best #579 · down 189 in 30 days
- #844 on Nov 1
- #848 on Nov 2
- #852 on Nov 3
- #856 on Nov 4
- #859 on Nov 5
- #862 since Nov 6
65 earlier periods
- #776 on Aug 2
- #638 on Aug 7
- #610 on Aug 8
- #603 on Aug 9
- #616 on Aug 10
- #608 on Aug 11
- #602 on Aug 12
- #610 on Aug 13
- #603 on Aug 14
- #585 on Aug 15
- #597 on Aug 16
- #595 on Aug 17
- #609 on Aug 18
- #596 on Aug 19
- #598 on Aug 20
- #604 on Aug 21
- #579 on Aug 22
- #610 on Aug 23
- #618 on Aug 24
- #627 on Aug 25
- #638 on Aug 28
- #594 on Aug 29
- #593 on Aug 30
- #618 on Aug 31
- #633 on Sep 1
- #622 on Sep 2
- #604 on Sep 4
- #601 on Sep 5
- #610 on Sep 6
- #623 on Sep 7
- #641 on Sep 8
- #626 on Sep 11
- #629 from Sep 12 to Sep 13
- #657 on Sep 14
- #647 on Sep 15
- #655 on Sep 18
- #633 on Sep 19
- #643 on Sep 20
- #661 on Sep 21
- #643 on Sep 24
- #631 on Sep 25
- #628 on Sep 26
- #656 on Sep 27
- #661 on Sep 28
- #684 on Sep 30
- #658 on Oct 2
- #640 on Oct 3
- #667 on Oct 4
- #673 on Oct 5
- #729 on Oct 8
- #699 on Oct 9
- #685 on Oct 10
- #704 on Oct 13
- #710 on Oct 15
- #715 on Oct 16
- #695 on Oct 17
- #690 on Oct 18
- #726 on Oct 19
- #722 on Oct 22
- #695 on Oct 24
- #822 on Oct 25
- #830 on Oct 28
- #835 on Oct 29
- #839 on Oct 30
- #842 on Oct 31
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 4, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 2 notes
SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedSKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- 1 broad permissionin 1 file: SKILL.md:1
- 2 dangerous shell commandsin 1 file: reference/ambient-backgrounds.md:107
- 193 network referencesin 16 files: README.md:11 README.zh-CN.md:11 scripts/source.mjs:72 and 13 more
- No hidden or obfuscated text
- No instruction overrides
- 10 executable scriptsin 10 files: package.json:1 scripts/chromadiff.mjs:1 scripts/moodboard.mjs:1 and 7 more
- 2 references to secretsin 1 file: reference/assets.md:22
- No requests to vote in Hot
Show all 208 signals by file
.claude-plugin/marketplace.json
- Network accessline 3
"owner": { "name": "agiwhitelist", "url": "https://github.com/agiwhitelist" - Network accessline 4
"name": "agiwhitelist", "url": "https://github.com/agiwhitelist" }, - Network accessline 5
"url": "https://github.com/agiwhitelist" - Network accessline 18
"author": { "name": "agiwhitelist", "url": "https://github.com/agiwhitelist" - Network accessline 19
"name": "agiwhitelist", "url": "https://github.com/agiwhitelist" }, - Network accessline 20
"url": "https://github.com/agiwhitelist" - Network accessline 21
}, "homepage": "https://agiwhitelist.github.io/auteur/", "repository": "https://github.com/agiwhitelist/auteur", - Network accessline 22
"homepage": "https://agiwhitelist.github.io/auteur/", - Network accessline 23
"repository": "https://github.com/agiwhitelist/auteur",
README.md
- Network accessline 11
[](https://github.com/agiwhitelist/auteur/stargazers) - Network accessline 12
[](https://github.com/agiwhitelist/auteur/releases) - Network accessline 13
[](https://github.com/agiwhitelist/auteur/actions/workflows/ci.yml) - Network accessline 14
[](LICENSE) - Network accessline 15
[](https://agiwhitelist.github.io/auteur/) - Network accessline 20
[**▶ Open the live gallery**](https://agiwhitelist.github.io/auteur/) · [Install](#install-30-seconds) · [The method](#how-it-works) · [The gates](#the-gates-this-is-the-point) - Network accessline 35
auteur is an [Agent Skill](https://code.claude.com/docs/en/skills): a `SKILL.md` - Network accessline 46
<sub>Claude Code · Codex · Cursor · OpenCode · Gemini CLI · Windsurf · Cline · Goose · Copilot · Hermes · Kiro · Roo · OpenHands — [75+ agents](https://www.skills.sh/), - Network accessline 47
Goose · Copilot · Hermes · Kiro · Roo · OpenHands — [75+ agents](https://www.skills.sh/), - Network accessline 67
git clone --depth 1 https://github.com/agiwhitelist/auteur ~/.claude/skills/auteur - Network accessline 89
<tr> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> - Network accessline 90
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> <br><b>FLUX< - Network accessline 91
<a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> - Network accessline 93
</td> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> - Network accessline 94
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> <br><b>SWARM</b><br>< - Network accessline 95
<a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> <br><b>SWARM</b><br><sub>131,072 GPU particles on a cur - Network accessline 97
</td> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> - Network accessline 98
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> <br><b>STATIC</b><br><sub - Network accessline 99
<a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> - Network accessline 103
<tr> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> - Network accessline 104
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> <br><b>HALE</b><br><sub>A CC0 micros - Network accessline 105
<a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> - Network accessline 107
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> - Network accessline 108
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> <br><b>TRUE NOON</b><br><s - Network accessline 109
<a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> - Network accessline 111
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> - Network accessline 112
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> <br><b>PROOF</b> - Network accessline 113
<a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> - Network accessline 117
<tr> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> - Network accessline 118
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> <br><b>DRIFT</b><br><sub>A 3D world of monol - Network accessline 119
<a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> - Network accessline 121
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> - Network accessline 122
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> <br><b>ATLAS</b><br><sub>A pho - Network accessline 123
<a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> - Network accessline 125
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> - Network accessline 126
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> <br><b>ABYSS</b><br><sub>A - Network accessline 127
<a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> - Network accessline 131
<tr> <td align="center" colspan="3"> <a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a lig - Network accessline 132
<td align="center" colspan="3"> <a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a light pa - Network accessline 133
<a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a light page"></a> - Network accessline 183
git clone --depth 1 -b gh-pages https://github.com/agiwhitelist/auteur site - Network accessline 251
The nine showcase sites and the landing live on the [`gh-pages`](https://github.com/agiwhitelist/auteur/tree/gh-pages) - Network accessline 288
The photoreal scroll-scrubbed-video engine (`templates/scroll-flight-engine.js`) and its technique are adapted from **[scroll-world](https://github.com/cth9191/scroll-world)** - Network accessline 289
and its technique are adapted from **[scroll-world](https://github.com/cth9191/scroll-world)**
README.zh-CN.md
- Network accessline 11
[](https://github.com/agiwhitelist/auteur/stargazers) - Network accessline 12
[](https://github.com/agiwhitelist/auteur/releases) - Network accessline 13
[](https://github.com/agiwhitelist/auteur/actions/workflows/ci.yml) - Network accessline 14
[](LICENSE) - Network accessline 15
[](https://agiwhitelist.github.io/auteur/) - Network accessline 19
[**▶ 打开在线画廊**](https://agiwhitelist.github.io/auteur/) · [安装](#install-30-seconds) · [工作原理](#how-it-works) · [质量门禁](#the-gates-this-is-the-point) - Network accessline 33
auteur 是一个 [Agent Skill](https://code.claude.com/docs/en/skills):包含一个 `SKILL.md`、 - Network accessline 44
<sub>Claude Code · Codex · Cursor · OpenCode · Gemini CLI · Windsurf · Cline · Goose · Copilot · Hermes · Kiro · Roo · OpenHands — [75+ agents](https://www.skills.sh/), - Network accessline 45
Goose · Copilot · Hermes · Kiro · Roo · OpenHands — [75+ agents](https://www.skills.sh/), - Network accessline 65
git clone --depth 1 https://github.com/agiwhitelist/auteur ~/.claude/skills/auteur - Network accessline 85
<tr> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> - Network accessline 86
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> <br><b>FLUX< - Network accessline 87
<a href="https://agiwhitelist.github.io/auteur/showcase/flux/"><img src="assets/readme/flux.webp" alt="FLUX — the wordmark drawn in neon outline over a magenta and cyan fluid simulation"></a> - Network accessline 89
</td> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> - Network accessline 90
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> <br><b>SWARM</b><br>< - Network accessline 91
<a href="https://agiwhitelist.github.io/auteur/showcase/swarm/"><img src="assets/readme/swarm.webp" alt="SWARM — the word SWARM glowing orange, formed from a field of particles"></a> <br><b>SWARM</b><br><sub>131,072 个 GPU 粒子在 curl-noise 场 - Network accessline 93
</td> <td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> - Network accessline 94
<td width="33%" align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> <br><b>STATIC</b><br><sub - Network accessline 95
<a href="https://agiwhitelist.github.io/auteur/showcase/static/"><img src="assets/readme/static.webp" alt="STATIC — huge broadcast-style type with chromatic glitch fringing"></a> - Network accessline 99
<tr> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> - Network accessline 100
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> <br><b>HALE</b><br><sub>滚动时拆解的 CC0 显 - Network accessline 101
<a href="https://agiwhitelist.github.io/auteur/showcase/hale/"><img src="assets/readme/hale.webp" alt="HALE — a brass microscope exploded into labelled parts on a dark stage"></a> - Network accessline 103
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> - Network accessline 104
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> <br><b>TRUE NOON</b><br><s - Network accessline 105
<a href="https://agiwhitelist.github.io/auteur/showcase/noon/"><img src="assets/readme/noon.webp" alt="TRUE NOON — an analemma curve of the sun's position drawn across a measured grid"></a> - Network accessline 107
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> - Network accessline 108
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> <br><b>PROOF</b> - Network accessline 109
<a href="https://agiwhitelist.github.io/auteur/showcase/proof/"><img src="assets/readme/proof.webp" alt="PROOF — a bakery production dashboard with deck timers, a late-runs panel and a schedule"></a> - Network accessline 113
<tr> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> - Network accessline 114
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> <br><b>DRIFT</b><br><sub>穿梭于体积雾与淡青色巨石之间的 3D - Network accessline 115
<a href="https://agiwhitelist.github.io/auteur/showcase/drift/"><img src="assets/readme/drift.webp" alt="DRIFT — flying between pale cyan monoliths in volumetric fog"></a> - Network accessline 117
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> - Network accessline 118
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> <br><b>ATLAS</b><br><sub>照片级真实 - Network accessline 119
<a href="https://agiwhitelist.github.io/auteur/showcase/atlas/"><img src="assets/readme/atlas.webp" alt="ATLAS — sea stacks and breaking surf lit by sunrays through a canyon mouth"></a> - Network accessline 121
</td> <td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> - Network accessline 122
<td align="center"> <a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> <br><b>ABYSS</b><br><sub>深 - Network accessline 123
<a href="https://agiwhitelist.github.io/auteur/showcase/abyss/"><img src="assets/readme/abyss.webp" alt="ABYSS — a whale silhouette passing through blue water as marine snow drifts up"></a> - Network accessline 127
<tr> <td align="center" colspan="3"> <a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a lig - Network accessline 128
<td align="center" colspan="3"> <a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a light pa - Network accessline 129
<a href="https://agiwhitelist.github.io/auteur/showcase/horo/"><img src="assets/readme/horo.webp" width="66%" alt="HORO LIMITED — a green enamel watch dial drawn in CSS beside a serif headline on a light page"></a> - Network accessline 174
git clone --depth 1 -b gh-pages https://github.com/agiwhitelist/auteur site - Network accessline 240
十个展示网站和落地页位于 [`gh-pages`](https://github.com/agiwhitelist/auteur/tree/gh-pages) - Network accessline 264
照片级滚动 scrub 视频引擎(`templates/scroll-flight-engine.js`) 及其技术改编自 cyw 的 **[scroll-world](https://github.com/cth9191/scroll-world)** - Network accessline 265
及其技术改编自 cyw 的 **[scroll-world](https://github.com/cth9191/scroll-world)**
SKILL.md
- Broad permissionsline 1
Bash(node scripts/*)
package-lock.json
- Network accessline 15
"node_modules/fsevents": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - Network accessline 16
"version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - Network accessline 17
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - Network accessline 30
"node_modules/playwright": { "version": "1.62.1", "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz", - Network accessline 31
"version": "1.62.1", "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz", "integrity": "sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==", - Network accessline 32
"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz", - Network accessline 49
"node_modules/playwright-core": { "version": "1.62.1", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz", - Network accessline 50
"version": "1.62.1", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz", "integrity": "sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==", - Network accessline 51
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz",
package.json
- Executable scriptline 1
Executable file - Network accessline 5
"type": "module", "license": "MIT", "homepage": "https://agiwhitelist.github.io/auteur/", - Network accessline 6
"license": "MIT", "homepage": "https://agiwhitelist.github.io/auteur/", "repository": { - Network accessline 7
"homepage": "https://agiwhitelist.github.io/auteur/", - Network accessline 8
"repository": { "type": "git", "url": "https://github.com/agiwhitelist/auteur" - Network accessline 9
"type": "git", "url": "https://github.com/agiwhitelist/auteur" }, - Network accessline 10
"url": "https://github.com/agiwhitelist/auteur"
reference/ambient-backgrounds.md
- Network accessline 72
.amb-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoi - Network accessline 73
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3 - Dangerous shell operationline 107
requestAnimationFrame(frame); // RM draws one still frame and stops - Dangerous shell operationline 124
// per frame: y -= 0.00006 (wrap), draw each at alpha .07 in the brand hue; RM → draw once.
reference/assets.md
reference/recon.md
reference/scroll-cinema.md
- Network accessline 484
const draco = new DRACOLoader() draco.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.5.7/') - Network accessline 485
draco.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.5.7/') - Network accessline 568
a.addEventListener('click', async e => { e.preventDefault() navigate(await (await fetch(a.href)).text()) - Network accessline 569
e.preventDefault() navigate(await (await fetch(a.href)).text()) }) - Network accessline 570
navigate(await (await fetch(a.href)).text())
reference/system.md
- Network accessline 102
node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing,/team
reference/verify.md
- Network accessline 119
node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing,/team
scripts/chromadiff.mjs
- Executable scriptline 1
#!/usr/bin/env node
scripts/moodboard.mjs
- Executable scriptline 1
#!/usr/bin/env node - Network accessline 68
const out = []; try { await open(page, 'https://www.bing.com/images/search?q=' + encodeURIComponent(q) + '&form=HDRSC2', 3500); - Network accessline 69
try { await open(page, 'https://www.bing.com/images/search?q=' + encodeURIComponent(q) + '&form=HDRSC2', 3500); for (let pass = 0; pass < 3 && out.length < want; pass++) { - Network accessline 70
await open(page, 'https://www.bing.com/images/search?q=' + encodeURIComponent(q) + '&form=HDRSC2', 3500); - Network accessline 88
const out = []; try { await open(page, 'https://www.pinterest.com/search/pins/?q=' + encodeURIComponent(q) + '&rs=typed', 6000); - Network accessline 89
try { await open(page, 'https://www.pinterest.com/search/pins/?q=' + encodeURIComponent(q) + '&rs=typed', 6000); for (let pass = 0; pass < 4 && out.length < want; pass++) { - Network accessline 90
await open(page, 'https://www.pinterest.com/search/pins/?q=' + encodeURIComponent(q) + '&rs=typed', 6000); - Network accessline 98
const img = it.src.replace(/\/\d+x\//, '/736x/'); if (out.length >= want) break; if (!out.some(o => o.img === img)) out.push({ img, thumb: it.src, page: it.pin ? 'https://www.pinterest.com' + it.pin : 'https://www.pinterest. - Network accessline 99
if (out.length >= want) break; if (!out.some(o => o.img === img)) out.push({ img, thumb: it.src, page: it.pin ? 'https://www.pinterest.com' + it.pin : 'https://www.pinterest.com/search/pins/?q=' + encodeURIComponent(q), source: 'pin - Network accessline 100
if (!out.some(o => o.img === img)) out.push({ img, thumb: it.src, page: it.pin ? 'https://www.pinterest.com' + it.pin : 'https://www.pinterest.com/search/pins/?q=' + encodeURIComponent(q), source: 'pinterest' }); - Network accessline 112
const out = []; try { const res = await ctx.request.get(`https://api.are.na/v2/search?q=${encodeURIComponent(q)}&per=${Math.min(want * 2, 40)}`, { timeout: 20_000 }); - Network accessline 113
try { const res = await ctx.request.get(`https://api.are.na/v2/search?q=${encodeURIComponent(q)}&per=${Math.min(want * 2, 40)}`, { timeout: 20_000 }); const json = await res.json(); - Network accessline 114
const res = await ctx.request.get(`https://api.are.na/v2/search?q=${encodeURIComponent(q)}&per=${Math.min(want * 2, 40)}`, { timeout: 20_000 }); - Network accessline 117
const img = b.image?.large?.url || b.image?.display?.url || b.image?.original?.url; if (!img || out.length >= want) continue; out.push({ img, thumb: b.image?.thumb?.url, page: `https://www.are.na/block/${b.id}`, source: 'arena', - Network accessline 118
if (!img || out.length >= want) continue; out.push({ img, thumb: b.image?.thumb?.url, page: `https://www.are.na/block/${b.id}`, source: 'arena', title: b.title }); } - Network accessline 119
out.push({ img, thumb: b.image?.thumb?.url, page: `https://www.are.na/block/${b.id}`, source: 'arena', title: b.title });
scripts/motionqa.mjs
- Executable scriptline 1
#!/usr/bin/env node
scripts/refscout.mjs
- Executable scriptline 1
#!/usr/bin/env node - Network accessline 284
async function harvestAwwwards(ctx, tag, text, n) { const page = await ctx.newPage(); const base = 'https://www.awwwards.com/websites/'; - Network accessline 285
const page = await ctx.newPage(); const base = 'https://www.awwwards.com/websites/'; const url = text ? `${base}?text=${encodeURIComponent(text)}` : tag ? `${base}${tag}/` : base; - Network accessline 286
const base = 'https://www.awwwards.com/websites/'; - Network accessline 294
for (const slug of slugs.slice(0, n)) { try { await open(page, 'https://www.awwwards.com' + slug, 3500); - Network accessline 295
try { await open(page, 'https://www.awwwards.com' + slug, 3500); const d = await page.evaluate(() => { - Network accessline 296
await open(page, 'https://www.awwwards.com' + slug, 3500);
scripts/shoot.mjs
- Executable scriptline 1
#!/usr/bin/env node
scripts/slopscan.mjs
- Executable scriptline 1
#!/usr/bin/env node
scripts/source.mjs
- Executable scriptline 1
#!/usr/bin/env node - Network accessline 72
async function json(url) { const r = await fetch(url, { headers: H, signal: AbortSignal.timeout(45_000) }); - Network accessline 73
const r = await fetch(url, { headers: H, signal: AbortSignal.timeout(45_000) }); - Network accessline 76
} async function text(url) { const r = await fetch(url, { headers: H, signal: AbortSignal.timeout(45_000) }); - Network accessline 77
async function text(url) { const r = await fetch(url, { headers: H, signal: AbortSignal.timeout(45_000) }); if (!r.ok) throw new Error(`${r.status} ${url.slice(0, 70)}`); - Network accessline 78
const r = await fetch(url, { headers: H, signal: AbortSignal.timeout(45_000) }); - Network accessline 94
async function polyhaven(type) { const all = await json(`https://api.polyhaven.com/assets?t=${type}`); - Network accessline 95
const all = await json(`https://api.polyhaven.com/assets?t=${type}`); - Network accessline 105
const out = []; for (const { slug, a, score } of ranked) { const files = await json(`https://api.polyhaven.com/files/${slug}`).catch(() => null); - Network accessline 106
for (const { slug, a, score } of ranked) { const files = await json(`https://api.polyhaven.com/files/${slug}`).catch(() => null); if (!files) continue; - Network accessline 107
const files = await json(`https://api.polyhaven.com/files/${slug}`).catch(() => null); - Network accessline 113
attribution: null, // CC0: none required credit: Object.keys(a.authors || {}).join(', '), landing: `https://polyhaven.com/a/${slug}`, - Network accessline 114
credit: Object.keys(a.authors || {}).join(', '), landing: `https://polyhaven.com/a/${slug}`, note: [a.categories?.join('/'), Object.entries(a.attributes || {}).map(([k, v]) => `${k}=${v}`).join(' ')].filter(Boolean).join(' · '), - Network accessline 115
landing: `https://polyhaven.com/a/${slug}`, - Network accessline 144
async function icons() { const collections = await json('https://api.iconify.design/collections').catch(() => ({})); - Network accessline 145
const collections = await json('https://api.iconify.design/collections').catch(() => ({})); - Network accessline 149
for (const term of terms) { if (out.length >= limit) break; const r = await json(`https://api.iconify.design/search?query=${encodeURIComponent(term)}&limit=${limit * 4}`).catch(() => null); - Network accessline 150
if (out.length >= limit) break; const r = await json(`https://api.iconify.design/search?query=${encodeURIComponent(term)}&limit=${limit * 4}`).catch(() => null); for (const id of r?.icons || []) { - Network accessline 151
const r = await json(`https://api.iconify.design/search?query=${encodeURIComponent(term)}&limit=${limit * 4}`).catch(() => null); - Network accessline 159
licence: c.license?.title || 'unknown', attribution: /CC.?BY/i.test(c.license?.title || '') ? `Icon "${name}" from ${c.name || set} — ${c.license?.title}` : null, credit: c.author?.name || '', landing: c.license?.url || `htt - Network accessline 160
attribution: /CC.?BY/i.test(c.license?.title || '') ? `Icon "${name}" from ${c.name || set} — ${c.license?.title}` : null, credit: c.author?.name || '', landing: c.license?.url || `https://icon-sets.iconify.design/${set}/`, - Network accessline 161
credit: c.author?.name || '', landing: c.license?.url || `https://icon-sets.iconify.design/${set}/`, - Network accessline 162
note: `set has ${c.total || '?'} icons`, files: [{ url: `https://api.iconify.design/${set}/${name}.svg?height=64`, path: `${set}-${name}.svg` }], }); - Network accessline 163
files: [{ url: `https://api.iconify.design/${set}/${name}.svg?height=64`, path: `${set}-${name}.svg` }], - Network accessline 177
if (existsSync(cacheFile)) meta = JSON.parse(await readFile(cacheFile, 'utf8')); else { meta = JSON.parse((await text('https://fonts.google.com/metadata/fonts')).replace(/^\)\]\}'\n?/, '')); - Network accessline 179
meta = JSON.parse((await text('https://fonts.google.com/metadata/fonts')).replace(/^\)\]\}'\n?/, '')); - Network accessline 233
id: f.family, title: `${f.family} (${f.category})`, licence: 'OFL / Apache-2.0 (Google Fonts)', attribution: null, credit: '', landing: `https://fonts.google.com/specimen/${f.family.replace(/ /g, '+')}`, - Network accessline 234
licence: 'OFL / Apache-2.0 (Google Fonts)', attribution: null, credit: '', landing: `https://fonts.google.com/specimen/${f.family.replace(/ /g, '+')}`, note: `${banned ? '⛔ ON THE AUTEUR BAN LIST — pick something else. ' : ''}po - Network accessline 235
landing: `https://fonts.google.com/specimen/${f.family.replace(/ /g, '+')}`, - Network accessline 236
note: `${banned ? '⛔ ON THE AUTEUR BAN LIST — pick something else. ' : ''}popularity #${f.popularity ?? '?'} · weights ${Object.keys(f.fonts || {}).length}${axes ? ` · variable: ${axes}` : ' · static only'}`, css: `https://fonts.googl - Network accessline 237
css: `https://fonts.googleapis.com/css2?family=${spec}&display=swap`, - Network accessline 264
const r = await json(`https://api.openverse.org/v1/images/?q=${encodeURIComponent(query)}&page_size=${limit}&license_type=commercial,modification`); - Network accessline 278
async function videos() { let html; try { html = await text(`https://coverr.co/s?q=${encodeURIComponent(query)}`); } - Network accessline 279
let html; try { html = await text(`https://coverr.co/s?q=${encodeURIComponent(query)}`); } catch (e) { console.error(`[source] coverr: ${e.message}`); return []; } - Network accessline 280
try { html = await text(`https://coverr.co/s?q=${encodeURIComponent(query)}`); } - Network accessline 294
licence: 'Coverr License — free commercial use, redistribution prohibited', attribution: null, credit: 'Coverr', landing: `https://coverr.co/videos/${slug}`, - Network accessline 295
attribution: null, credit: 'Coverr', landing: `https://coverr.co/videos/${slug}`, note: `${res} · ⚠ stock — ambient loop / texture / fallback only, never the peak scene`, - Network accessline 296
landing: `https://coverr.co/videos/${slug}`, - Network accessline 337
if (existsSync(dest)) { f.skipped = true; continue; } // never re-download a cached master try { const r = await fetch(f.url, { headers: { ...H, Referer: it.landing || '' }, signal: AbortSignal.timeout(120_000) }); - Network accessline 338
try { const r = await fetch(f.url, { headers: { ...H, Referer: it.landing || '' }, signal: AbortSignal.timeout(120_000) }); if (!r.ok) { f.error = `HTTP ${r.status}`; continue; } - Network accessline 339
const r = await fetch(f.url, { headers: { ...H, Referer: it.landing || '' }, signal: AbortSignal.timeout(120_000) });
scripts/systemscan.mjs
- Executable scriptline 1
#!/usr/bin/env node - Network accessline 10
* Usage: * node scripts/systemscan.mjs <url> [<url>...] * node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing - Network accessline 11
* node scripts/systemscan.mjs <url> [<url>...] * node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing * - Network accessline 12
* node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing - Network accessline 33
node scripts/systemscan.mjs <url> [<url>...] node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing - Network accessline 34
node scripts/systemscan.mjs http://localhost:3000 --routes /,/settings,/billing
skills.sh.json
templates/scroll-flight-engine.js
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Signal confidence: 4 facts
- Network access in code of documentationREADME.md:67Low confidence
- Network access in code of documentationREADME.md:183Low confidence
- Broad permissions in the frontmatter of the SKILL.mdSKILL.md:8High confidence
- Broad permissions in the frontmatter of the SKILL.mdSKILL.md:9High confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Native | Manifest .claude-plugin/marketplace.json | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/agiwhitelist-auteur/)