Back to Prompt Area

Styles

Ready-made agent-input styles, assembled from Prompt Area and its companions. Each is a real, copy-paste composition modeled on the agent UIs you already know — toggle Preview and Code on any example.

Claude Code

A Claude Code–style composer: a file chip above the input, a Plan-mode toggle and model selector in the action bar, and project/branch context in the status bar.

image.png
prompt-area
main

Composed from Prompt Area, Action Bar, and Status Bar.

Codex

An OpenAI Codex–style cloud-agent composer: a rounded card with a permissions menu and reasoning-effort model selector, layered over a peeking repository/environment/branch context tray.

Composed from Prompt Area and Action Bar.

Build your own

Every style is just Prompt Area plus companions. Start from the docs to compose your own agent input.

Read the docsComponents