DESIGN.md for Terminal UI — curated TUI design systems for AI coding agents. Source-code-level research from Claude Code, Lazygit, btop, k9s and more.

<br/>
<div align="center">
<strong>Curated collection of DESIGN.md files for terminal UI — researched from real TUI source code.</strong>
<br />
<br />
</div>
<div align="center">

[](https://github.com/cola-runner/awesome-tui-design)


</div>
# Awesome TUI Design
Drop a `DESIGN.md` into your project, tell your AI agent "build me a terminal UI that looks like this" — and it just works.
Just like [awesome-design-md](https://github.com/VoltAgent/awesome-design-md) does for web UI, we do the same for **terminal UI**. No SDK, no dependencies — just Markdown that AI reads natively.
## How to Use
**1.** Pick a theme from the [list below](#themes) and download it into your project:
```bash
# e.g. claude-code — replace with any theme: lazygit, dracula, catppuccin...
curl -o DESIGN.md https://raw.githubusercontent.com/cola-runner/awesome-tui-design/master/designs/claude-code/DESIGN.md
```
**2.** Ask your AI agent:
```
Build me a terminal dashboard following the DESIGN.md in this project
```
Or clone the whole repo and let your agent pick a theme for you: `git clone https://github.com/cola-runner/awesome-tui-design.git`
## Themes
### AI & Agent CLIs
- [**Claude Code**](designs/claude-code/DESIGN.md) - Anthropic's coding agent. Warm terracotta `#D77757` accent, dashed ASCII input borders, hot pink `#FD5DB1` tool blocks, whimsical `· ✢ ✳ ✶ ✻ ✽` thinking spinner
- [**Codex CLI**](designs/codex/DESIGN.md) - OpenAI's coding agent. Monochrome adaptive, cosine-wave shimmer animation, `▌│└` gutter output, 10 variants of 36-frame ASCII startup art
- [**Cursor CLIAgent that generates comprehensive documentation, API references, architecture diagrams, and developer onboarding guides from existing code.
Agent configuration for systematic bug investigation that traces issues from error logs through the codebase to root cause with suggested fixes.
Agent for integrating third-party APIs including SDK setup, type generation, error handling, retry logic, and rate limit management.
Cursor's built-in autonomous coding agent that can make multi-file edits, run terminal commands, search the codebase, and iteratively build features with minimal human intervention.
Cloud-based autonomous coding agent that runs in the background on remote sandboxed environments, handling complex multi-step tasks while you continue working.
Cursor's multi-file editing agent within Composer mode that can create, edit, and delete files across your entire project in a single conversation.