brainless

Blocks

Whole screens, assembled from the components. One install drops in the entire composition.

A complete Claude Code turn

A complete Claude Code screen: header, a full turn (plan, tool calls, diff, approval, working line) and the input composer.

Claude Session

claude-session

Claude Code v2.1.206
Welcome back Ben!
Fable 5 with xhigh effort · Claude Max
ben@freestyle.sh's Organization
~/dev/acme-app
Tips for getting started
Ask Claude to create a new app or clone a repo
What's new
Added directory path suggestions to /cd
Added a /doctor check that proposes trims
/release-notes for more
3 MCP servers need authentication · run /mcp
add a dark-mode toggle to the settings page and run the tests
I'll add the toggle, wire it into the theme provider, then run the suite.
  1. Read the settings page (completed)
  2. Add the dark-mode toggle (in progress)
  3. Run the test suite (pending)
Read(app/settings/page.tsx)Read 48 lines
Update(app/settings/page.tsx)
Updated app/settings/page.tsx with 3 additions and 1 removal
11 export function Settings() {
12-removed:   return <Panel>{sections}</Panel>
12+added:   return (
13+added:     <Panel header={<ThemeToggle />}>
14+added:       {sections}
15     </Panel>
Bash(bun test)12 passed, 0 failed in 1.4s(ctrl+o to expand)
bun test v1.2.21 ✓ settings > renders the theme toggle ✓ theme > persists across reloads 12 pass 0 fail
Bash command
git commit -am 'Add dark-mode toggle'
Do you want to proceed?
Thinking…(0s · ↑ 0 tokens · esc to interrupt)
xhigh · /effort
auto mode on (shift+tab to cycle) · ← for agents
Installation
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json
Prompt

Read https://brainless.swerdlow.dev/llms/claude-session.txt and add the brainless “Claude Session” component (claude-session) to this project.

A complete Codex CLI turn

A complete Codex CLI screen: header, a full turn (messages, exec lines, working) and the › composer.

Codex Session

codex-session

OpenAI Codex(v0.132.0)
model:gpt-5.6-sol low/modelto changedirectory:~/dev/acme-app
MCP startup incomplete (failed: github)
add a dark-mode toggle to the settings page and run the tests
I'll read the settings page, add the toggle, then run the suite.
Read app/settings/page.tsx
Edited app/settings/page.tsx(+12 −1)
Edited components/theme-toggle.tsx(+48 −0)
Ran bun test→ passed▸
bun test v1.2.21
✓ settings > renders the theme toggle
✓ theme > persists across reloads
 12 pass
 0 fail
Working(0s • esc to interrupt)
gpt-5.6-sol low · ~/dev/acme-app
Installation
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json
Prompt

Read https://brainless.swerdlow.dev/llms/codex-session.txt and add the brainless “Codex Session” component (codex-session) to this project.

A complete Grok CLI turn

A complete Grok CLI screen: status bar, header, and a full turn (events, thought, tools, write, approval, turn end) with the rounded composer.

Grok Session

grok-session

main ~/dev/acme-app
16K / 500K│2/3 steps complete
Grok Build Beta 0.2.93
Grok 4.5 is here!
Grok 4.5 is now available. Try it out in the /model picker.
Tip: Use Shift+Tab to cycle between modes, like Plan mode.
add a dark-mode toggle to the settings page and run the tests4:38 PM
user_prompt_submit[hooks: 3/1]
Thought for 0.4s
I'll inspect the settings page, drop in a toggle, then run the suite.4:38 PM
readapp/settings/page.tsx
Run Write components/theme-toggle.tsx[hooks: 3]
before: return <SettingsForm />
after: return <SettingsForm showThemeToggle />
Edit app/settings/page.tsx
apply patch (+1 −1)
1/3:selectCtrl+o:yoloCtrl+c:cancel
stop[hooks: 3/1]

Turn completed in 12.4s.

Grok 4.5 (xhigh) · always-approve
Installation
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json
Prompt

Read https://brainless.swerdlow.dev/llms/grok-session.txt and add the brainless “Grok Session” component (grok-session) to this project.

Grok mid-turn — thinking, write, working footer

A mid-turn Grok CLI screen: status bar, streaming thought, tool card, write preview, and the working footer with ⇣tokens / [stop].

Grok Session Active

grok-session-active

main ~/dev/acme-app
16.6k / 500K│1/3 steps complete
overwrite theme-toggle.tsx so the label reads "Dark mode". Nothing else.4:51 PM
user_prompt_submit[hooks: 3/1]
Thinking…
theme-toggle.tsx already exports ThemeToggle. I'll patch the visible label to "Dark mode", then stop.
Run Write components/theme-toggle.tsx[hooks: 3]
before: aria-label="Toggle theme"
after: aria-label="Dark mode"
pre_tool_use
  • global/settings:pre_tool_use[0].hooks[0] (11ms)
Write components/theme-toggle.tsx…0.1s
0.1s 16.6k [↓][stop]
Grok 4.5 (xhigh) · always-approve
Shift+Tab:modeCtrl+c:cancelCtrl+x:shortcuts
Installation
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json
Prompt

Read https://brainless.swerdlow.dev/llms/grok-session-active.txt and add the brainless “Grok Session Active” component (grok-session-active) to this project.

Interactive sign-up — typed lines, thinking, real composer

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

Pied Piper Onboarding

pied-piper-onboarding

Pied Piper v3.1.4
Welcome to Pied Piper
compression · middle-out
onboarding · new account
Tips for getting started
Tell us your name
Say what you're looking for
What's new
Middle-out compression is live
Sign-up now fits in one turn
/release-notes for more
  1. Collect a name (in progress)
  2. Learn what they're looking for (pending)
  3. Create the account (pending)
auto mode on (shift+tab to cycle) · ← for agents
Installation
$bunx --bun shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json
Prompt

Read https://brainless.swerdlow.dev/llms/pied-piper-onboarding.txt and add the brainless “Pied Piper Onboarding” component (pied-piper-onboarding) to this project.