Add TUI wireframes for Clide interface design

Browse Source

Wireframes created in Penpot showing the main UI layouts:
- Main Layout: 3-panel view with sidebar, workspace+Claude, context panel
- Compact Mode: Claude-focused view taking full center area
- Git Changes: Git panel with staged/unstaged files and diff viewer
- Keybindings: Keyboard shortcuts reference modal

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

...

This commit is contained in:

Jeroen Schweitzer

2026-02-01 00:17:12 +01:00

co-authored by Claude Opus 4.5

parent c5f8b2e615

commit 6b7c3ecf9b

4 changed files with 0 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

docs/wireframes/wireframe-compact-mode.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 44 KiB

docs/wireframes/wireframe-git-changes.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 46 KiB

docs/wireframes/wireframe-keybindings.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 36 KiB

docs/wireframes/wireframe-main-layout.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 62 KiB