<!--lint disable remark-lint:awesome-badge-->

{{STYLE_SELECTOR}}

<div align="center" id="awesome-claude-code">

[![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)

</div>

<!-- Terminal Header - Theme Adaptive -->
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('terminal-header.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('terminal-header-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('terminal-header-light-anim-lineprint.svg')}}" alt="Awesome Claude Code Terminal">
</picture>

<!-- Generated with https://github.com/denvercoder1/readme-typing-svg -->

{{REPO_TICKER}}

<!--lint enable remark-lint:awesome-badge-->

<br>

<!-- Info Terminal - Theme Adaptive -->
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('info-terminal.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('info-terminal-light-vintage.svg')}}">
  <img src="{{ASSET_PATH('info-terminal-light-vintage.svg')}}" alt="System Info Terminal" width="100%">
</picture>

<!--lint enable remark-lint:awesome-badge-->

<br>

<!-- Intro Terminal - Theme Adaptive -->
<div align="center">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('intro-terminal.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('intro-terminal-light-vintage.svg')}}">
  <img src="{{ASSET_PATH('intro-terminal-light-vintage.svg')}}" alt="About Claude Code" width="100%" style="max-width: 900px;">
</picture>
</div>

<!-- Design Credit & Disclaimer - Theme Adaptive -->
<div align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('designed-by-badge.svg')}}">
    <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('designed-by-badge-light.svg')}}">
    <img src="{{ASSET_PATH('designed-by-badge-light.svg')}}" alt="Designed by Claude Code Web" width="280">
  </picture>
  <br>
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('disclaimer.svg')}}">
    <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('disclaimer-light.svg')}}">
    <img src="{{ASSET_PATH('disclaimer-light.svg')}}" alt="Disclaimer: Not affiliated or endorsed by Anthropic PBC. Claude Code is a product of Anthropic." width="320">
  </picture>
</div>

<!-- {{ANNOUNCEMENTS}} -->

<div align="center">
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="{{ASSET_PATH('thinking-asterisk.svg')}}" alt="*" width="18" /> <a href="https://git.io/typing-svg"><img align="center" src="https://readme-typing-svg.demolab.com/?font=Fira+Code&weight=600&duration=3000&pause=100&color=F7080D&width=300&lines=Lollygagging...;Skedaddling...;Bumbershooting...;Widdershinning...;Higgledy-piggledying...;Doodlebugging...;Fiddle-faddling...;Whimwhamming...;Dilly-dallying...;Flapdoodling...;Ballyhooing...;Galumphing...;Razzle-dazzling...;Tiddle-taddling...;Zigzagging...;Twinkletoeing...;Puddle-jumping...;Snicker-snacking...;Jibber-jabbering...;Frabjoussing...;Piffle-puffling...;Whirligigging...;Bibbity-bobbitying...;" /></a>
</div>

<div align="center">

### ⚡ TERMINAL NAVIGATION ⚡

<table>
<tr>
<td align="center">
<a href="#agent-skills-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-skills.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-skills-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-skills-light-anim-lineprint.svg')}}" alt="Agent Skills" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#workflows--knowledge-guides-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-workflows.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-workflows-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-workflows-light-anim-lineprint.svg')}}" alt="Workflows" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#tooling-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-tooling.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-tooling-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-tooling-light-anim-lineprint.svg')}}" alt="Tooling" width="200"/>
</picture>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="#status-lines-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-statusline.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-statusline-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-statusline-light-anim-lineprint.svg')}}" alt="Status Lines" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#hooks-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-custom.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-custom-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-custom-light-anim-lineprint.svg')}}" alt="Hooks" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#slash-commands-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-commands.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-commands-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-commands-light-anim-lineprint.svg')}}" alt="Slash Commands" width="200"/>
</picture>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="#claudemd-files-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-config.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-config-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-config-light-anim-lineprint.svg')}}" alt="CLAUDE.md Files" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#alternative-clients-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-clients.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-clients-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-clients-light-anim-lineprint.svg')}}" alt="Alternative Clients" width="200"/>
</picture>
</a>
</td>
<td align="center">
<a href="#official-documentation-">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="{{ASSET_PATH('card-docs.svg')}}">
  <source media="(prefers-color-scheme: light)" srcset="{{ASSET_PATH('card-docs-light-anim-lineprint.svg')}}">
  <img src="{{ASSET_PATH('card-docs-light-anim-lineprint.svg')}}" alt="Documentation" width="200"/>
</picture>
</a>
</td>
</tr>
</table>

</div>

<br>

{{WEEKLY_SECTION}}

<br>

<div align="left">

{{TABLE_OF_CONTENTS}}

</div>

<br>

{{BODY_SECTIONS}}

{{FOOTER}}

<!-- OBLIGATORY GUARD AGAINST SILLY END-OF-FILE PROBLEM -->
