add README banner image

[AndyTWF]

Adds a README banner for the CLI

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
cli-web-cli	Ready	Preview, Comment	Jun 11, 2026 9:23am

[claude-code-ably-assistant]

Walkthrough

This PR adds a visual banner image to the top of the README. A new PNG file (images/cli-github.png) is added to the repository, and four lines are prepended to README.md to display it — the image, a horizontal rule, and a blank line separator before the existing heading.

Changes

Area	Files	Summary
Docs	README.md	Prepends banner image and horizontal rule before the existing title
Other	images/cli-github.png	New binary asset: the banner image displayed at the top of the README

Review Notes

• Binary asset: The PNG is committed directly to the repo. No CI or build impact, but worth confirming the file size is reasonable for a README asset.
• No breaking changes — purely additive documentation change.
• No test coverage needed — static asset and markdown only.

[sacOO7]

• Related to Create image banner for Ably CLI README
• I think banners at slack internal discussion were much cleaner, especially second one.

I asked gemini pro to do banner review, it mentioned following issues

1. Dueling Aesthetics: The left side is an abstract, marketing-style graphic (dark gradient with red angled slashes). The right side is a literal, gritty terminal window complete with ASCII art. These two styles fight for dominance rather than complementing each other.
2. The Problematic Overlap: The central app icon (>_) is intended to bridge the two halves, but it ends up making things worse. It has a heavy, muddy drop-shadow that blends poorly with the background, and worse, it physically obscures the actual CLI commands on the right. When text is meant to be read but is covered up, it creates immediate visual frustration.
3. Redundancy: The banner communicates "Command Line Interface" three separate times: the text "Ably CLI," the central terminal icon, and the literal terminal screenshot. This makes the space feel crowded.

[AndyTWF]

• Related to Create image banner for Ably CLI README
• I think banners at slack internal discussion were much cleaner, especially second one.

I asked gemini pro to do banner review, it mentioned following issues

1. Dueling Aesthetics: The left side is an abstract, marketing-style graphic (dark gradient with red angled slashes). The right side is a literal, gritty terminal window complete with ASCII art. These two styles fight for dominance rather than complementing each other.
2. The Problematic Overlap: The central app icon (>_) is intended to bridge the two halves, but it ends up making things worse. It has a heavy, muddy drop-shadow that blends poorly with the background, and worse, it physically obscures the actual CLI commands on the right. When text is meant to be read but is covered up, it creates immediate visual frustration.
3. Redundancy: The banner communicates "Command Line Interface" three separate times: the text "Ably CLI," the central terminal icon, and the literal terminal screenshot. This makes the space feel crowded.

I've asked design to take a look at the comments and make an updates they feel necessary, but will merge this for now.

[sacOO7]

Sure.
Lgtm