auteur

像导演一样指挥网站开发,用AI生成分镜并自动拦截平庸设计。

auteur 是一个基于 Claude Code 的网站开发技能包,它将电影导演的思维引入网页构建流程。它解决的是网站开发中常见的“无灵魂”和“同质化”问题,通过提供分镜脚本(commit-sheet)、自动生成设计资产、构建流程以及一个可执行的“反平庸”代码检查器,来引导开发者像导演一样把控网站的叙事、节奏和视觉风格。其核心能力包括:将项目需求转化为结构化的开发脚本,自动生成图片等设计资源,集成构建工具,并通过一个独特的 linter 在每次发布前检查代码和设计是否平庸、缺乏创意,从而确保最终交付的网站具有独特的艺术感和用户体验。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 1022
维护状态 维护中
是否开源 是
定价模式 free

项目数据

分类设计创意
开发团队agiwhitelist
所属国家
定价模式free
价格说明开源项目,MIT许可证,完全免费,可自行部署使用。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型agent-skills,anti-slop,claude-code,claude-code-skills,creative-coding,generative-art,gsap,landing-page,threejs,web-design,webgl
GitHub 星标★ 1022
30天Star增速
HF 下载量
上线时间2026-07-11 00:00:00
最近更新2026-09-22 00:00:00
维护状态维护中
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数2

使用教程

难度:入门 约 10 分钟 部署方式:命令行工具 6 步

环境要求

  • Node.js 与 npx(使用 npx skills add 安装方式时需要)
  • Claude Code、Codex、Cursor、OpenCode、Gemini CLI 等支持 Agent Skill 的 agent(README 称支持
  • 可选:git(用 git clone 方式手动安装时需要)
  • 约 1MB 磁盘空间,无需 API key、无依赖、无构建步骤

安装与启动步骤

  1. 1判断你的 agent

    确认自己用的是哪类 agent:Claude Code 可用插件方式,OpenClaw 用专属命令,其他支持 SKILL.md 的 agent 用 npx 或 git clone。

  2. 2一条命令安装

    通用安装方式,会自动检测已安装的 agent 并把 skill 写入各自的 skills 目录;加 -g 可全局安装。

    npx skills add agiwhitelist/auteur
  3. 3Claude Code 插件安装

    Claude Code 用户可用插件方式,安装后可原地更新,在 Claude Code 内依次执行两行命令。

    /plugin marketplace add agiwhitelist/auteur
    /plugin install auteur@auteur
  4. 4OpenClaw 安装

    OpenClaw 用户使用自带的 skills install 命令并加 --global 全局安装。

    openclaw skills install git:agiwhitelist/auteur --global
  5. 5手动克隆安装

    其他能读取 SKILL.md 的 agent,把仓库浅克隆到该 agent 的 skills 目录下即可。

    git clone --depth 1 https://github.com/agiwhitelist/auteur ~/.claude/skills/auteur
  6. 6向 agent 提需求

    安装完成后直接用自然语言让 agent 调用 auteur,它会跑完整流水线并交付网站。

    build me a cinematic landing with auteur

如何确认成功

安装后 agent 会执行 commit-sheet → assets → build → gate 流水线并交付网站;插件方式可在 Claude Code 中看到 auteur 已安装。

常见问题

Q:auteur 需要 API key 或额外依赖吗?

A:不需要。README 明确说明它是约 1MB 的 SKILL.md 加参考配方和少量可执行脚本,无依赖、无 API key、无构建步骤。

Q:我不确定自己的 agent 支不支持怎么办?

A:npx skills add 会自动检测你已安装的 agent 并写入其 skills 目录,README 称支持 Claude Code、Codex、Cursor 等 75+ 种 agent。

Q:可以让它全局生效而不是只装到当前项目吗?

A:可以。使用 npx skills add 时加 -g 参数即可全局安装,OpenClaw 方式则使用 --global 参数。

Q:它是模型权重或需要跑部署服务吗?

A:不是。auteur 是 Agent Skill 形态的能力包,安装到 agent 的 skills 目录后由 agent 调用,不需要启动服务或下载权重。

注意事项

  • README 未给出卸载、升级或具体配置项说明,升级插件方式会自动原地更新,其余方式建议重新拉取最新版本。
  • 安装路径示例 ~/.claude/skills/auteur 只适用于 Claude Code,其他 agent 的 skills 目录请自行对应替换。
  • 流水线中的资产由本地 CLI 生成,README 未列出具体 CLI 名称与版本要求,实际使用前请留意 agent 的提示。
  • 发布前会经过 anti-slop linter 与真实动效检查两道关卡,被判定平庸时需按提示重做设计。

核心亮点

  • 将电影叙事手法融入网页开发,提供独特的创意框架
  • 自动生成设计资产,减少重复性工作
  • 内置反平庸检查器,在发布前拦截缺乏灵魂的设计

不足之处

  • 依赖 Claude Code 生态,可能不适用于其他 AI 工具链
  • 概念新颖但学习曲线较陡,需要理解电影语言

适用场景

  • 创意开发者希望为网站赋予独特叙事和视觉风格
  • 设计团队需要自动化生成设计资产并保证创意质量
  • 个人开发者快速构建有调性的落地页或作品集

替代项目

v0、Bolt.new、Framer AI

项目介绍

auteur 是自动化工作流领域的开源项目,由 agiwhitelist 开发,是 2026 年新上线的项目。

在全站 13,109 个收录项目中,它的 GitHub 星标数(1,022)位列前 30%,在自动化工作流分类中处于中上游。

项目仍在小幅维护中,最近一次代码更新于 2026-09-22。MIT许可证,完全免费,可自行部署使用。

它主要面向的使用场景是:创意开发者希望为网站赋予独特叙事和视觉风格。同类可对比的替代方案包括 v0、Bolt.new、Framer AI。

上一篇:visitran

下一篇:dalle-flow

同类项目推荐

n8n 开源

拖拽搭建自动化流程,轻松接入 AI 与 400+ 应用,搞定重复工作。

Fair-code workflow automation platform with native AI capabilities. Combine visual b···

★ 205700 2026-08-10
feishu-docx 开源

让 AI 代理轻松读写飞书文档,双向转换 Markdown

Feishu/Lark Docs、Sheet、Bitable <-> Markdown | AI Agent-friendly knowledge base exp···

★ 262 2026-08-09
robotcode 开源

让 Robot Framework 拥有现代 IDE 体验,调试、补全、运行一气呵成。

Open Source Toolkit for Robot Framework, providing Language Server Protocol support,···

★ 301 2026-08-10
puppeteer 开源

用 JavaScript 轻松操控无头浏览器,搞定自动化测试与网页抓取。

JavaScript API for Chrome and Firefox

★ 95609 2026-08-10