Brainless: Shadcn components that look like Claude Code, Codex and Grok

benswerd1 pts0 comments

brainless

Search…⌘K

brainless<br>Claude Code, Codex, and Grok interfaces as shadcn components.<br>Copy agent prompt<br>◆@benswerd · freestyle

Claude Code v2.1.206Welcome back Ben!<br>Fable 7 with xhigh effort · Claude Max<br>ben@freestyle.sh's Organization<br>~/acme-site

Tips for getting started<br>Ask Claude to create a new app or clone a repo

What's new<br>Added directory path suggestions to /cd<br>Added a /doctor check that proposes trims<br>/release-notes for more

❯add the brainless pricing block to our landing page<br>⏺Bash(bunx shadcn add brainless/pricing)⏺⎿Added 1 block · 2 files⏺Update(app/page.tsx)<br>⏺⎿Updated app/page.tsx with 3 additions<br>41<br>42+added:<br>43

·Thinking…(0s · ↑ 0 tokens · esc to interrupt)

◉ xhigh · /effort<br>⏵⏵ auto mode on (shift+tab to cycle) · ← for agents

>_OpenAI Codex(v0.132.0)<br>model:gpt-6.9 low/modelto changedirectory:~/acme-site

›add the brainless pricing section to the docs site<br>•Read app/(marketing)/page.tsx•Edited components/pricing.tsx(+22 −0)•Running pnpm build(0s • esc to interrupt)

gpt-6.9 low · ~/acme-site

 main ~/acme-site<br>16K / 500K│2/3 ✓ steps complete

Grok Build Beta 0.2.93<br>Grok 4.21 is here!<br>Grok 4.21 is now available. Try it out in the /model picker.<br>New worktreectrl+w<br>Resume sessionctrl+s<br>Changelog<br>Quitctrl+q

Tip: Use Shift+Tab to cycle between modes, like Plan mode.<br>❯put the brainless pricing block on the marketing page4:38 PM<br>◆user_prompt_submit[hooks: 3/1]<br>◆Thought for 0.4s<br>I'll open the marketing page, drop in the pricing block, then verify the build.4:38 PM<br>readapp/(marketing)/page.tsx<br>◆Run Write components/pricing.tsx[hooks: 3]

41before:<br>41after:

◆stop[hooks: 3/1]<br>Turn completed in 9.2s.

Grok 4.21 (xhigh) · always-approve

brainless pricing grok page claude site

Related Articles