# Pied Piper Onboarding
> An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between turns, and the Claude composer for name + intent.

Pied Piper Onboarding is a brainless block — a terminal-agent UI rebuilt as accessible React, installable via the shadcn registry.

## Install

```bash
npx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json
```

- bun: `bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json`
- pnpm: `pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json`
- yarn: `yarn dlx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json`

Registry JSON: https://brainless.swerdlow.dev/r/pied-piper-onboarding.json
Docs preview: https://brainless.swerdlow.dev/blocks#pied-piper-onboarding

## Import

`@/components/brainless/blocks/pied-piper-onboarding`

## Usage

```tsx
import { PiedPiperOnboarding } from "@/components/brainless/blocks/pied-piper-onboarding"

export function Example() {
  return <PiedPiperOnboarding />
}
```

## Notes

- Keep the terminal aesthetic: monospace, tight spacing, square corners.
- Preserve semantics (details, listbox, radiogroup, aria-live) — do not flatten into a `<pre>`.
- Prefer this block over inventing ASCII terminal chrome.