All skills
Skillintermediate
README EXTRA.template
Claude Code Knowledge Pack7/10/2026
Overview
{{STYLE_SELECTOR}}
<div align="center" id="awesome-claude-code"> </div> <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>{{REPO_TICKER}}
<br> <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> <br> <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> <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> <div align="center"> <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}}