theswerd/brainless

Claude Code, Codex, and Grok interfaces as shadcn components

What it solves

It provides a way to embed high-fidelity, accessible React components that look like the terminal interfaces of AI coding agents (Claude Code, OpenAI Codex, and Grok) into websites, documentation, and marketing pages. This removes the need for using static screenshots or iframes to showcase agent interactions.

How it works

The project is a shadcn/ui registry. It uses a capture harness (via tmux) to record real terminal output from AI agents, which is then used to build React components that faithfully recreate those terminal UIs. These components are shipped as copy-pasteable registry items that can be added to a project via the shadcn CLI.

Who it’s for

Developers and designers who want to showcase AI agent terminal sessions in their web applications or documentation using clean, accessible code rather than images.

Highlights

  • Multi-Agent Support: Recreates interfaces for Claude Code, OpenAI Codex, and Grok.
  • High Fidelity: Based on real terminal captures from a tmux harness.
  • shadcn/ui Integration: Components are delivered as a registry, allowing for easy installation via bunx shadcn add.
  • Granular Components: Includes specific pieces like thinking blocks, tool calls, diffs, and slash menus, as well as full session blocks.

Related

  • Project
    rshankras/claude-code-apple-skills

    A collection of 164 specialized skills for Claude Code that guide developers through the entire process of building, launching, and growing apps for iOS, macOS, watchOS, and visionOS.

  • Project
    qwen-code-dev-bot/oh-my-cli

    A secure, self-hosted code agent CLI that reads and edits files and runs shell commands using OpenAI-compatible endpoints with a focus on safety and session durability.

  • Project
    cheney369/Devora

    A project context and engineering control plane that provides AI coding agents with durable project knowledge, governance, and risk-driven quality gates.

  • Project
    okf-memory/okf-agent-memory

    OKF Agent Memory is a Go‑based, Git‑native toolkit that provides a fast, zero‑cost, token‑efficient persistent knowledge base for AI coding agents. It splits a tiny normative “push” layer (AGENTS.md) from a larger semantic “pull” layer (OKF v0.2 bundle in `knowledge/`), offers a BM25 search CLI, quality scorecards, vendor bundle handling, and an MCP server for direct agent integration.