---
title: claude-code-tools
description: >-
  CLI tools, skills, agents, hooks, and plugins
  for enhancing productivity with Claude Code
  and other CLI coding agents.
template: splash
hero:
  tagline: >-
    CLI tools, skills, agents, hooks, and plugins
    for enhancing productivity with Claude Code
    and other CLI coding agents.
  actions:
    - text: Get Started
      link: /claude-code-tools/getting-started/
      icon: right-arrow
      variant: primary
    - text: View on GitHub
      link: https://github.com/pchalasani/claude-code-tools
      icon: external
      variant: minimal
---

<style>{`
  /* Hero title: Blade Runner cyberpunk billboard */
  [data-page-title] .hero h1,
  .hero h1 {
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    background-image: url('/claude-code-tools/assets/title-blade-runner-theme.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    max-width: 460px;
    aspect-ratio: 1 / 1;
    filter: drop-shadow(0 0 22px rgba(80, 60, 200, 0.35));
    border-radius: 12px;
  }

  /* Style the tagline */
  .hero .tagline {
    color: #a8a4bf;
    font-size: 1.15rem;
    max-width: 520px;
  }

  /* Primary button: orange theme */
  .hero a[class*="primary"] {
    background: linear-gradient(135deg, #D97706, #F59E0B) !important;
    border-color: #D97706 !important;
    color: #0f0d1a !important;
    font-weight: 600;
  }
  .hero a[class*="primary"]:hover {
    background: linear-gradient(135deg, #F59E0B, #FBBF24) !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
  }

  .retro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
  }
  .retro-grid a {
    display: block;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: border-color 0.2s ease,
                transform 0.2s ease,
                box-shadow 0.2s ease;
  }
  .retro-grid a:hover {
    border-color: #fff;
    transform: scale(1.04);
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.25);
  }
  .retro-grid img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
`}</style>

<p style="text-align:center; color:#a8a4bf; font-size:1.05rem; margin-bottom:0.5rem;">
  Click any card below to jump to its docs.
</p>

<div class="retro-grid">
  <a href="/claude-code-tools/tools/aichat/">
    <img src="/claude-code-tools/assets/card-aichat.svg"
         alt="aichat" />
  </a>
  <a href="/claude-code-tools/tools/tmux-cli/">
    <img src="/claude-code-tools/assets/card-tmux.svg"
         alt="tmux-cli" />
  </a>
  <a href="/claude-code-tools/tools/agent-tunnel/">
    <img src="/claude-code-tools/assets/card-agent-tunnel.svg"
         alt="agent-tunnel" />
  </a>
  <a href="/claude-code-tools/tools/lmsh/">
    <img src="/claude-code-tools/assets/card-lmsh.svg"
         alt="lmsh" />
  </a>
  <a href="/claude-code-tools/tools/vault/">
    <img src="/claude-code-tools/assets/card-vault.svg"
         alt="vault" />
  </a>
  <a href="/claude-code-tools/tools/env-safe/">
    <img src="/claude-code-tools/assets/card-env-safe.svg"
         alt="env-safe" />
  </a>
  <a href="/claude-code-tools/plugins-detail/safety-hooks/">
    <img src="/claude-code-tools/assets/card-safety.svg"
         alt="safety hooks" />
  </a>
  <a href="/claude-code-tools/tools/statusline/">
    <img src="/claude-code-tools/assets/card-statusline.svg"
         alt="status line" />
  </a>
  <a href="/claude-code-tools/integrations/google-docs/">
    <img src="/claude-code-tools/assets/card-gdocs.svg"
         alt="google docs" />
  </a>
  <a href="/claude-code-tools/integrations/google-sheets/">
    <img src="/claude-code-tools/assets/card-gsheets.svg"
         alt="google sheets" />
  </a>
  <a href="/claude-code-tools/integrations/alt-llm-providers/">
    <img src="/claude-code-tools/assets/card-alt.svg"
         alt="alt LLM providers" />
  </a>
  <a href="/claude-code-tools/plugins-detail/voice/">
    <img src="/claude-code-tools/assets/card-voice.svg"
         alt="voice" />
  </a>
  <a href="/claude-code-tools/tools/fix-session/">
    <img src="/claude-code-tools/assets/card-session-repair.svg"
         alt="fix-session" />
  </a>
  <a href="/claude-code-tools/getting-started/plugins/">
    <img src="/claude-code-tools/assets/card-plugins.svg"
         alt="plugins" />
  </a>
  <a href="/claude-code-tools/getting-started/">
    <img src="/claude-code-tools/assets/card-quickstart.svg"
         alt="quick start" />
  </a>
  <a href="/claude-code-tools/development/">
    <img src="/claude-code-tools/assets/card-dev.svg"
         alt="development" />
  </a>
</div>
