# 无脑
将 Claude Code、Codex 和 Grok 界面作为 [shadcn](https://ui.shadcn.com) 组件提供。
**网站：** [brainless.swerdlow.dev](https://brainless.swerdlow.dev) · **仓库：** [github.com/theswerd/brainless](https://github.com/theswerd/brainless)
## 这是什么？
**brainless** 是一个包含无障碍 React 组件的 shadcn/ui registry，这些组件复刻了编码智能体（如 Claude Code、OpenAI Codex 和 Grok）的终端 UI —— 这样你就可以直接将它们放入文档、演示、营销页面和产品 UI 中，而无需使用截图或 iframes。
组件在构建时力求与真实的终端截屏保持高度一致，随后作为可复制粘贴的 registry 项发布。
## 安装
### Namespace（推荐）
```
bunx shadcn@latest registry add @brainless=https://brainless.swerdlow.dev/r/{name}.json
bunx shadcn@latest add @brainless/claude-session
bunx shadcn@latest add @brainless/codex-session
bunx shadcn@latest add @brainless/grok-session
```
或者在 `components.json` 中手动添加 registry：
```
{
"registries": {
"@brainless": "https://brainless.swerdlow.dev/r/{name}.json"
}
}
```
### URL
```
bunx shadcn@latest add https://brainless.swerdlow.dev
bunx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json
```
### GitHub
```
bunx shadcn@latest add theswerd/brainless/claude-session
```
在 [components](https://brainless.swerdlow.dev/components) 和 [blocks](https://brainless.swerdlow.dev/blocks) 中浏览各个组件。
## 组件
| 家族 | 组件 |
| --- | --- |
| **Claude** | header, message, thinking, tool call, diff, permission, prompt, slash menu, todo list |
| **Codex** | header, message, working, exec, diff, permissions, prompt, slash menu |
| **Grok** | status, header, message, thinking, thought, tool, write, turn end, prompt, slash menu, 以及更多 |
| **Blocks** | `claude-session`, `codex-session`, `grok-session`, `grok-session-active` |
## 仓库结构
```
registry/brainless/ # source components (claude / codex / grok / blocks / ui)
public/r/ # built registry JSON for shadcn add
references/captures/ # ANSI / HTML / text frames from real CLIs
tools/capture/ # tmux capture harness
app/ # docs site (Next.js)
docs/screenshots/ # README screenshots
```
## 捕获工具链
保真度始于真实的终端输出。`tools/capture/` 下的捕获工具通过 tmux 驱动智能体，将帧转储为 ANSI / HTML / 文本格式，并将它们存放在 `references/captures/` 中以便进行并排对比审查。
## 开发
```
bun install
bun run registry:build # writes public/r/*.json
bun run dev
```
`bun run build` 会运行 registry 构建，然后是 Next.js。
## 许可证
MIT