pen-designlisted
Install: claude install-skill tomcounsell/ai
# pen.dev Design
Create professional visual designs from natural language descriptions using the pen.dev CLI. pen.dev is a headless design tool that generates `.pen` files (a structured JSON design format) and can export them as images.
## Setup
Before designing, make sure the pen.dev CLI is available.
### Check installation
```bash
which pen || npx pen version
```
If `pen` is not found, install it:
```bash
npm install -g @pen.dev/cli
```
If global install fails due to permissions, install locally instead:
```bash
npm install @pen.dev/cli
```
Then run it via `npx pen` (or `./node_modules/.bin/pen`) instead of `pen`.
You can learn about the available commands via the `pen --help` command.
### Authentication
#### pen.dev user
To use the CLI, an authenticated user logged in to pen.dev is required. First, check
the current user configuration on the machine with the `pen status` command.
If not logged in, there are the following options:
- use `pen signup --email you@example.com --username johndoe --name "John Doe"` command, to create a new user.
- use `pen login --email you@example.com [--code abc123]` to authenticate an existing or newly created user.
- optionally, the `PEN_CLI_KEY` env var can also be used for authentication if its set in your session.
#### Claude Code agent
The CLI needs auth to run its AI agent for which Claude Code is required. For that
there needs to be an authenticated Claude Code user set in the system configuration
either via env var or