[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-93408":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":15,"stars30d":15,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":14,"starSnapshotCount":14,"syncStatus":13,"lastSyncTime":25,"discoverSource":26},93408,"brainless","theswerd\u002Fbrainless","theswerd","Claude Code, Codex, and Grok interfaces as shadcn components","https:\u002F\u002Fbrainless.swerdlow.dev",null,"TypeScript",113,2,0,7,45.63,"MIT License",false,"main",true,[],"2026-07-22 04:02:09","# brainless\n\nClaude Code, Codex, and Grok interfaces as [shadcn](https:\u002F\u002Fui.shadcn.com) components.\n\n**Site:** [brainless.swerdlow.dev](https:\u002F\u002Fbrainless.swerdlow.dev) · **Repo:** [github.com\u002Ftheswerd\u002Fbrainless](https:\u002F\u002Fgithub.com\u002Ftheswerd\u002Fbrainless)\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fhome.jpg\" alt=\"brainless homepage — Claude Code session\" width=\"100%\" \u002F>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fhome-codex.jpg\" alt=\"Codex session\" width=\"49%\" \u002F>\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fhome-grok.jpg\" alt=\"Grok session\" width=\"49%\" \u002F>\n\u003C\u002Fp>\n\n## What is this?\n\n**brainless** is a shadcn\u002Fui registry of accessible React components that recreate the terminal UIs of coding agents — Claude Code, OpenAI Codex, and Grok — so you can drop them into docs, demos, marketing pages, and product UI without screenshots or iframes.\n\nComponents are built for fidelity against real terminal captures, then shipped as copy-pasteable registry items.\n\n## Install\n\n### Namespace (recommended)\n\n```bash\nbunx shadcn@latest registry add @brainless=https:\u002F\u002Fbrainless.swerdlow.dev\u002Fr\u002F{name}.json\nbunx shadcn@latest add @brainless\u002Fclaude-session\nbunx shadcn@latest add @brainless\u002Fcodex-session\nbunx shadcn@latest add @brainless\u002Fgrok-session\n```\n\nOr add the registry manually in `components.json`:\n\n```json\n{\n  \"registries\": {\n    \"@brainless\": \"https:\u002F\u002Fbrainless.swerdlow.dev\u002Fr\u002F{name}.json\"\n  }\n}\n```\n\n### URL\n\n```bash\nbunx shadcn@latest add https:\u002F\u002Fbrainless.swerdlow.dev\nbunx shadcn@latest add https:\u002F\u002Fbrainless.swerdlow.dev\u002Fr\u002Fclaude-session.json\n```\n\n### GitHub\n\n```bash\nbunx shadcn@latest add theswerd\u002Fbrainless\u002Fclaude-session\n```\n\nBrowse individual pieces on [components](https:\u002F\u002Fbrainless.swerdlow.dev\u002Fcomponents) and [blocks](https:\u002F\u002Fbrainless.swerdlow.dev\u002Fblocks).\n\n## Components\n\n| Family | Pieces |\n| --- | --- |\n| **Claude** | header, message, thinking, tool call, diff, permission, prompt, slash menu, todo list |\n| **Codex** | header, message, working, exec, diff, permissions, prompt, slash menu |\n| **Grok** | status, header, message, thinking, thought, tool, write, turn end, prompt, slash menu, and more |\n| **Blocks** | `claude-session`, `codex-session`, `grok-session`, `grok-session-active` |\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fcomponents.jpg\" alt=\"Components catalog\" width=\"49%\" \u002F>\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fblocks.jpg\" alt=\"Blocks catalog\" width=\"49%\" \u002F>\n\u003C\u002Fp>\n\n## Repo layout\n\n```\nregistry\u002Fbrainless\u002F   # source components (claude \u002F codex \u002F grok \u002F blocks \u002F ui)\npublic\u002Fr\u002F             # built registry JSON for shadcn add\nreferences\u002Fcaptures\u002F  # ANSI \u002F HTML \u002F text frames from real CLIs\ntools\u002Fcapture\u002F        # tmux capture harness\napp\u002F                  # docs site (Next.js)\ndocs\u002Fscreenshots\u002F     # README screenshots\n```\n\n## Capture harness\n\nFidelity starts from real terminal output. The capture tools under `tools\u002Fcapture\u002F` drive agents in tmux, dump frames as ANSI \u002F HTML \u002F text, and land them in `references\u002Fcaptures\u002F` for side-by-side review.\n\n## Develop\n\n```bash\nbun install\nbun run registry:build   # writes public\u002Fr\u002F*.json\nbun run dev\n```\n\n`bun run build` runs the registry build, then Next.js.\n\n## License\n\nMIT\n","brainless 是一个基于 shadcn\u002Fui 的 React 组件库，提供高保真复刻的 Claude Code、OpenAI Codex 和 Grok 三款 AI 编程代理终端界面的可复用 UI 组件。核心功能包括各代理专属的会话块（如 claude-session）、原子组件（如 thinking、diff、tool call）及配套状态元素，全部适配 shadcn 组件注册机制，支持一键集成至文档、营销页或产品界面。技术特点为严格对标真实终端输出（通过 tmux 捕获 ANSI\u002FHTML 帧）、无障碍友好、零运行时依赖。适用于需在 Web 页面中嵌入 AI 编程代理交互演示的技术文档、开发者工具介绍或 AI 产品落地页场景。","2026-07-17 02:30:11","CREATED_QUERY"]