git404hub

what is auteur fr?

pejmanjohn/auteur — explained in plain English

Analysis updated 2026-05-18

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

tl;dr

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

vibe map

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 make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

Produce multiple design variations from a single prompt in one run

VIBE 4

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

what's the stack?

JavaScriptNode.jsChrome

how it stacks up fr

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 i run it?

Difficulty · easy time til it works · 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.

in plain english

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.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.