add Agents CLI home page section (#1818)

* add Agents CLI home page section

- Update Coding with AI, Agents CLI section

* updated animated GIF

* Update coding-with-ai.md

Author: joefernandez

docs/_includes/homepage/_agent-cli.md

@@ -0,0 +1,14 @@
+<!-- Developer Tools -->
+<div class="feature-split reverse">
+  <div class="feature-text">
+    <span class="feature-badge">Agents CLI</span>
+    <h2>Build agents <i>with</i> agents.</h2>
+    <p>Go from idea to coded ADK agent in minutes. Use your favorite AI-enabled developer environment to scaffold, build, test, evaluate, and deploy with Agents CLI.</p>
+    <a href="tutorials/coding-with-ai/#agents-cli" class="btn btn-accent" style="margin-top:12px">Learn more</a>
+  </div>
+  <div class="feature-visual">
+    <div class="ui-wrapper">
+      <img src="assets/agent-cli.gif" alt="Agent CLI for building ADK agents" class="devui-img">
+    </div>
+  </div>
+</div>

docs/_includes/homepage/_ecosystem.md

@@ -1,5 +1,5 @@
 <!-- Ecosystem -->
-<div class="feature-split reverse">
+<div class="feature-split">
   <div class="feature-text">
     <span class="feature-badge">Ecosystem</span>
     <h2>Open ecosystem. Connect everything.</h2>

docs/_includes/homepage/_framework.md

@@ -1,5 +1,5 @@
 <!-- Developer Tools -->
-<div class="feature-split">
+<div class="feature-split reverse">
   <div class="feature-text">
     <span class="feature-badge">Framework</span>
     <h2>Powerful simplicity. Built for scale.</h2>

docs/_includes/homepage/_graphs.md

@@ -1,5 +1,5 @@
 <!-- Developer Tools -->
-<div class="feature-split reverse">
+<div class="feature-split">
   <div class="feature-text">
     <span class="feature-badge">Graph Workflows</span>
     <h2>Reliable logic. Intelligent reasoning.</h2>

docs/assets/agent-cli.gif

@@ -20,6 +20,9 @@ hide:
 <!-- Hero Section -->
 {{% include '_includes/homepage/_hero.md' %}}
 
+<!-- Agent CLI -->
+{{% include '_includes/homepage/_agent-cli.md' %}}
+
 <!-- Graphs -->
 {{% include '_includes/homepage/_graphs.md' %}}
 
@@ -29,9 +32,6 @@ hide:
 <!-- Ecosystem -->
 {{% include '_includes/homepage/_ecosystem.md' %}}
 
-<!-- AI Dev Tools -->
-{{% include '_includes/homepage/_ai-dev-tools.md' %}}
-
 <!-- Ready to Build CTA Section -->
 {{% include '_includes/homepage/_build-cta.md' %}}
 

docs/index.md

@@ -11,45 +11,32 @@ server.
 - [**ADK Docs Index**](#adk-docs-index): Machine-readable documentation files
   following the `llms.txt` standard.
 
-## agents-cli
-
-[Agents CLI in Agent Platform](https://google.github.io/agents-cli/) is the command-line tool for
-ADK development. It provides scaffolding commands, deployment tools, and
-development skills that work with any compatible coding assistant, including
-Gemini CLI, Antigravity, Claude Code, and Cursor.
+## Agents CLI {#agents-cli}
+
+The [Agents CLI](https://google.github.io/agents-cli/) tool set lets you plug
+ADK agent expertise into your favorite AI-coding environments including
+Antigravity, Gemini CLI, Claude Code, and Cursor. Install Agents CLI into your
+current AI-powered development environment to scaffold, build, test, evaluate,
+and deploy ADK agents. Enable your development environment with these
+Agents CLI Skills:
+
+*   Development lifecycle and coding guidelines
+*   Project scaffolding
+*   Evaluation methodology and scoring
+*   Agent Runtime, Cloud Run, and GKE deployment
+*   Gemini Enterprise agent publishing
+*   Trace, logging, and integrations
+*   Python API quick reference and docs index
 
 To install Agents CLI and set up ADK development skills:
 
 ```bash
 uvx google-agents-cli setup
 ```
 
-This installs both the CLI and coding skills. Browse the [Agents CLI
-documentation](https://google.github.io/agents-cli/) for more details.
-
-### CLI Commands
-
-| Command | Description |
-|---------|-------------|
-| `agents-cli scaffold create` | Create a new ADK agent project |
-| `agents-cli scaffold enhance` | Add deployment to existing project |
-| `agents-cli eval` | Run agent evaluations |
-| `agents-cli deploy` | Deploy to Agent Runtime, Cloud Run, or GKE |
-| `agents-cli publish` | Publish to Gemini Enterprise |
-
-### Development Skills
-
-After setup, the following skills are available in your coding tool:
-
-| Skill | Description |
-|-------|-------------|
-| `google-agents-cli-workflow` | Development lifecycle and coding guidelines |
-| `google-agents-cli-adk-code` | Python API quick reference and docs index |
-| `google-agents-cli-scaffold` | Project scaffolding |
-| `google-agents-cli-eval` | Evaluation methodology and scoring |
-| `google-agents-cli-deploy` | Agent Runtime, Cloud Run, and GKE deployment |
-| `google-agents-cli-publish` | Gemini Enterprise registration |
-| `google-agents-cli-observability` | Tracing, logging, and integrations |
+For more information on installing Agents CLI and using it in your development
+environment, see the
+[Agents CLI documentation](https://google.github.io/agents-cli/).
 
 ## ADK Docs MCP Server