feat: add banner image to Awesome style README

Add centered banner image below the style selector in the Awesome README
variant. The image path is dynamically resolved based on the output location,
so it works correctly for both the root README.md and the alternative in
README_ALTERNATIVES/.

- Add {{BANNER_IMAGE}} placeholder to Awesome template
- Add generate_banner_image() method to base generator (returns empty by default)
- Override in AwesomeReadmeGenerator with path resolution logic

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

Author: hesreallyhim

README.md

@@ -7,6 +7,10 @@
 <a href="README_ALTERNATIVES/README_FLAT_ALL_AZ.md"><img src="assets/badge-style-flat.svg" alt="Flat" height="28"></a>
 </p>
 
+<p align="center">
+  <img src=".claude/awesome-claude-code-social-clawd-2.png" alt="Awesome Claude Code" width="600">
+</p>
+
 # Awesome Claude Code
 
 [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

README_ALTERNATIVES/README_AWESOME.md

@@ -7,6 +7,10 @@
 <a href="README_FLAT_ALL_AZ.md"><img src="../assets/badge-style-flat.svg" alt="Flat" height="28"></a>
 </p>
 
+<p align="center">
+  <img src="../.claude/awesome-claude-code-social-clawd-2.png" alt="Awesome Claude Code" width="600">
+</p>
+
 # Awesome Claude Code
 
 [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

scripts/readme/generators/awesome.py

@@ -1,5 +1,8 @@
 """Awesome README generator implementation."""
 
+import os
+from pathlib import Path
+
 from scripts.readme.generators.base import ReadmeGenerator
 from scripts.readme.markup.awesome import (
     format_resource_entry as format_awesome_resource_entry,
@@ -16,6 +19,7 @@
 from scripts.readme.markup.awesome import (
     generate_weekly_section as generate_awesome_weekly_section,
 )
+from scripts.utils.repo_root import find_repo_root
 
 
 class AwesomeReadmeGenerator(ReadmeGenerator):
@@ -53,3 +57,16 @@ def generate_section_content(self, category: dict, section_index: int) -> str:
     def generate_repo_ticker(self) -> str:
         """Generate the awesome-style animated SVG repo ticker."""
         return generate_awesome_repo_ticker()
+
+    def generate_banner_image(self, output_path: Path) -> str:
+        """Generate centered banner image for Awesome style README."""
+        repo_root = find_repo_root(Path(__file__))
+        banner_file = ".claude/awesome-claude-code-social-clawd-2.png"
+
+        # Calculate relative path from output location to banner
+        banner_abs = repo_root / banner_file
+        rel_path = Path(os.path.relpath(banner_abs, start=output_path.parent)).as_posix()
+
+        return f"""<p align="center">
+  <img src="{rel_path}" alt="Awesome Claude Code" width="600">
+</p>"""

scripts/readme/generators/base.py

@@ -164,6 +164,11 @@ def generate_repo_ticker(self) -> str:
         """Generate the repo ticker section."""
         return ""
 
+    def generate_banner_image(self, output_path: Path) -> str:
+        """Generate banner image HTML. Override in subclasses to add a banner."""
+        _ = output_path
+        return ""
+
     def load_csv_data(self) -> list[dict]:
         """Load and filter active resources from CSV."""
         csv_data = []
@@ -241,6 +246,9 @@ def generate(self, output_path: str | None = None) -> tuple[int, str | None]:
             "{{STYLE_SELECTOR}}", self.get_style_selector(Path(output_path))
         )
         readme_content = readme_content.replace("{{REPO_TICKER}}", self.generate_repo_ticker())
+        readme_content = readme_content.replace(
+            "{{BANNER_IMAGE}}", self.generate_banner_image(Path(output_path))
+        )
 
         readme_content = ensure_generated_header(readme_content)
         readme_content = resolve_asset_tokens(

templates/README_AWESOME.template.md

@@ -1,5 +1,7 @@
 {{STYLE_SELECTOR}}
 
+{{BANNER_IMAGE}}
+
 # Awesome Claude Code
 
 [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)