auteur agent skill by agiwhitelist

At a glance

Before you install

Read from the skill's files at the directory's October 19, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.

• Bundled scripts: 9 script files (9 JavaScript). Your agent may run them, so read them first.
• Network: its scripts use an HTTP client or a cloud SDK, and name api.iconify.design, www.pinterest.com, www.awwwards.com and api.polyhaven.com.
• Tool permissions requested: Bash(node scripts/*), Bash(npx playwright *), Bash(agy *), Bash(codex *), Bash(grok *), Bash(ffmpeg *) (the allowed-tools field of SKILL.md).
• License: MIT, an open-source or open-content license.

Install auteur

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

npx skills add https://github.com/agiwhitelist/auteur

mkdir -p .claude/skills
git clone --depth 1 https://github.com/agiwhitelist/auteur.git .claude/skills/auteur
rm -rf .claude/skills/auteur/.git

For Codex, the skills CLI line above installs it.

agiwhitelist/auteur is third-party code. Read SKILL.md and any bundled scripts before you install it.

How the author describes 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.

From the description field of SKILL.md. Agents read this line to decide when to load the skill.

Sections in SKILL.md

• Use this when
• What it actually does
• Network access
• Non-negotiables
• Banned (rewrite, don't tweak)
• Critical numbers (memorize; full context in reference files)
• 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

Files in the skill folder

• DESIGN.md
• LICENSE
• PRODUCT.md
• README.md
• README.zh-CN.md
• SKILL.md
• assets/readme/abyss.webp
• assets/readme/atlas.webp
• assets/readme/drift.webp
• assets/readme/flux.webp
• assets/readme/hale.webp
• assets/readme/hero-anim.webp
• assets/readme/hero.webp
• assets/readme/horo.webp
• assets/readme/noon.webp
• assets/readme/proof.webp
• assets/readme/static.webp
• assets/readme/swarm.webp
• package-lock.json
• package.json
• reference/ambient-backgrounds.md
• reference/assets.md
• reference/build.md
• reference/direct.md

Showing 24 of 46 files. Browse the folder on GitHub.

Suede Skill Check: 89/100 · B

auteur passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.

Where this skill is cited

agiwhitelist/auteur appears in 2 curated lists: VoltAgent/awesome-agent-skills, karanb192/awesome-claude-skills.

More frontend and design skills

All frontend and design skills