<!-- Developer Tools -->
<div class="feature-split">
  <div class="feature-text">
    <span class="feature-badge">AI Dev Tools</span>
    <h2>Build agents <i>with</i> agents.</h2>
    <p>ADK agents are designed to be written by humans and AI. Connect your AI-powered development tools to our ADK coding resources and generate robust, capable agents in seconds.</p>
    <a href="tutorials/coding-with-ai/" class="btn btn-accent" style="margin-top:12px">Code with AI</a>
  </div>
  <div class="feature-visual">
    <div id="asciinema-demo"></div>
  </div>
</div>
<!-- requires: Asciinema player script -->
