Add terminal output showcase

Author: wimi321

README.md

@@ -63,6 +63,8 @@ This is the fastest way to see the format in action.
 
 ## Example Output
 
+![Task Bundle terminal showcase](./assets/terminal-showcase.svg)
+
 Inspect a bundle:
 
 ```text

README.zh-CN.md

@@ -63,6 +63,8 @@ npm run dev -- compare ./examples/hello-world-bundle ./examples/hello-world-bund
 
 ## 示例输出
 
+![Task Bundle terminal showcase](./assets/terminal-showcase.svg)
+
 先查看一个 bundle：
 
 ```text

assets/terminal-showcase.svg

@@ -8,6 +8,8 @@ This repository includes the visual assets used in the README and GitHub social
   Hero image used at the top of the README.
 - `assets/workflow-overview.svg`
   Workflow diagram used in the README.
+- `assets/terminal-showcase.svg`
+  Three-panel terminal preview used to show real inspect, compare, and report output.
 - `assets/social-preview.svg`
   Source artwork for GitHub social preview uploads.
 - `assets/social-preview.png`

docs/branding.md

@@ -8,6 +8,8 @@
   README 顶部使用的主视觉横幅。
 - `assets/workflow-overview.svg`
   README 中使用的工作流示意图。
+- `assets/terminal-showcase.svg`
+  README 中使用的终端展示图，用来展示 inspect、compare、report 的真实输出。
 - `assets/social-preview.svg`
   GitHub 社交预览图的可编辑源文件。
 - `assets/social-preview.png`

docs/branding.zh-CN.md

@@ -33,6 +33,7 @@
     "docs",
     "assets/hero-banner.svg",
     "assets/social-preview.svg",
+    "assets/terminal-showcase.svg",
     "assets/workflow-overview.svg",
     "templates",
     "LICENSE",