whatisgithub

What is auteur?

pejmanjohn/auteur — explained in plain English

Analysis updated 2026-05-18

★ 18JavaScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

In one sentence

A command-line tool that automates generating designs on claude.ai/design and hands the output straight to a coding agent.

Mindmap

mindmap
  root((Auteur))
    What it does
      Automates Claude Design
      Browser automation
      Hands off to coding agent
    Tech stack
      JavaScript
      Node.js
      Chrome
    Use cases
      Generate UI designs from a prompt
      Feed designs into Claude Code
      Batch design variations
    Audience
      Vibe coders
      Developers
    Setup
      Sign in once
      Runs local browser profile
      No API keys needed

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate a UI design from a text prompt without manually clicking through the website

USE CASE 2

Hand a generated design directly to a coding agent like Claude Code for implementation

USE CASE 3

Produce multiple design variations from a single prompt in one run

USE CASE 4

Design new screens that match an existing Claude Design project's style

What is it built with?

JavaScriptNode.jsChrome

How does it compare?

pejmanjohn/auteurchinaran0/wujing_diccodeteacher330/string-similarity
Stars181818
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasyeasy
Complexity2/52/51/5
Audiencevibe coderops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node 20 or newer, Google Chrome, and a one-time sign-in to your claude.ai account.

Free to use, modify, and distribute under the MIT license, including for commercial purposes, as long as you keep the copyright notice.

So what is it?

Auteur is a command-line tool that automates the process of generating a design from claude.ai/design and handing the result directly to a coding agent. Without this tool, the workflow is manual: open the website, start a project, type a prompt, wait for the design to generate, click a Share button, copy the output, and paste it into your agent. Auteur collapses all of those steps into a single command. It works by controlling a real Chrome browser window behind the scenes, using your existing claude.ai login. You run the tool once to sign in, and from then on it keeps a browser profile running in the background so each design request starts instantly. Because it uses your actual browser session, no API keys are needed and no credentials are stored by the tool. To use it, you pass a text prompt describing what you want designed. For example, you might ask for a pricing page with three tiers, or a mobile onboarding screen. Auteur sends the prompt to Claude Design, watches for the generation to finish (which typically takes between 30 seconds and two minutes), then prints a handoff block. That handoff block is the same output the website's Share button produces. A coding agent like Claude Code can fetch the URL in the handoff and read the design files, then implement them without any human copying or clicking. The tool has a handful of options worth knowing about. You can request multiple design variations in a single run, save the generated files to a local folder, or design into an existing Claude Design project so the new screen matches an established style. There is also a JSON output mode for use in scripts. Auteur can be installed as a skill inside Claude Code or the Codex agent, which lets you trigger it by typing a slash command. The skill and the CLI are separate installs: the skill tells the agent how to call auteur, while the CLI does the actual browser automation. Requirements are Node 20 or newer and Google Chrome. It runs on macOS, Linux, and Windows. The project is released under the MIT license.

Copy-paste prompts

Prompt 1
Show me how to install Auteur as a skill inside Claude Code
Prompt 2
Write the command to generate a pricing page design with three tiers using Auteur
Prompt 3
Explain how Auteur's handoff block gets picked up by a coding agent
Prompt 4
Help me set up Auteur to save generated design files to a local folder

Frequently asked questions

What is auteur?

A command-line tool that automates generating designs on claude.ai/design and hands the output straight to a coding agent.

What language is auteur written in?

Mainly JavaScript. The stack also includes JavaScript, Node.js, Chrome.

What license does auteur use?

Free to use, modify, and distribute under the MIT license, including for commercial purposes, as long as you keep the copyright notice.

How hard is auteur to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is auteur for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?