diff --git a/docs/assets/community-adk-course.jpg b/docs/assets/community-adk-course.jpg new file mode 100644 index 000000000..083c51ae7 Binary files /dev/null and b/docs/assets/community-adk-course.jpg differ diff --git a/docs/assets/community-adk-masterclass.jpg b/docs/assets/community-adk-masterclass.jpg new file mode 100644 index 000000000..936033b31 Binary files /dev/null and b/docs/assets/community-adk-masterclass.jpg differ diff --git a/docs/assets/community-adk-training-hub.png b/docs/assets/community-adk-training-hub.png new file mode 100644 index 000000000..ccf4e1a36 Binary files /dev/null and b/docs/assets/community-adk-training-hub.png differ diff --git a/docs/assets/community-adk-vertex-ai-live-api.png b/docs/assets/community-adk-vertex-ai-live-api.png new file mode 100644 index 000000000..7ae5bffbb Binary files /dev/null and b/docs/assets/community-adk-vertex-ai-live-api.png differ diff --git a/docs/assets/community-agent-development-kit.jpg b/docs/assets/community-agent-development-kit.jpg new file mode 100644 index 000000000..d80316eec Binary files /dev/null and b/docs/assets/community-agent-development-kit.jpg differ diff --git a/docs/assets/community-agent-tools-101.jpg b/docs/assets/community-agent-tools-101.jpg new file mode 100644 index 000000000..46f24457c Binary files /dev/null and b/docs/assets/community-agent-tools-101.jpg differ diff --git a/docs/assets/community-brand-search-optimization-agent.jpg b/docs/assets/community-brand-search-optimization-agent.jpg new file mode 100644 index 000000000..9b237a753 Binary files /dev/null and b/docs/assets/community-brand-search-optimization-agent.jpg differ diff --git a/docs/assets/community-build-ai-agents-with-adk-for-java.png b/docs/assets/community-build-ai-agents-with-adk-for-java.png new file mode 100644 index 000000000..a1851d599 Binary files /dev/null and b/docs/assets/community-build-ai-agents-with-adk-for-java.png differ diff --git a/docs/assets/community-building-intelligent-agents-with-adk.jpg b/docs/assets/community-building-intelligent-agents-with-adk.jpg new file mode 100644 index 000000000..5ebef6081 Binary files /dev/null and b/docs/assets/community-building-intelligent-agents-with-adk.jpg differ diff --git a/docs/assets/community-building-your-first-agent.jpg b/docs/assets/community-building-your-first-agent.jpg new file mode 100644 index 000000000..76e64e635 Binary files /dev/null and b/docs/assets/community-building-your-first-agent.jpg differ diff --git a/docs/assets/community-data-science-agent.jpg b/docs/assets/community-data-science-agent.jpg new file mode 100644 index 000000000..265e19ce9 Binary files /dev/null and b/docs/assets/community-data-science-agent.jpg differ diff --git a/docs/assets/community-discover-adk-java.jpg b/docs/assets/community-discover-adk-java.jpg new file mode 100644 index 000000000..8a2bb63ed Binary files /dev/null and b/docs/assets/community-discover-adk-java.jpg differ diff --git a/docs/assets/community-google-adk-for-java-experiments.jpg b/docs/assets/community-google-adk-for-java-experiments.jpg new file mode 100644 index 000000000..3eceb3989 Binary files /dev/null and b/docs/assets/community-google-adk-for-java-experiments.jpg differ diff --git a/docs/assets/community-master-agentic-ai-with-adk.jpg b/docs/assets/community-master-agentic-ai-with-adk.jpg new file mode 100644 index 000000000..4a86a57d3 Binary files /dev/null and b/docs/assets/community-master-agentic-ai-with-adk.jpg differ diff --git a/docs/assets/community-shoppers-concierge-demo.jpg b/docs/assets/community-shoppers-concierge-demo.jpg new file mode 100644 index 000000000..5eba98660 Binary files /dev/null and b/docs/assets/community-shoppers-concierge-demo.jpg differ diff --git a/docs/community.md b/docs/community.md index ed3591538..eef006459 100644 --- a/docs/community.md +++ b/docs/community.md @@ -1,107 +1,207 @@ # Community Resources -Welcome! This page highlights resources maintained by the Agent Development Kit -community. +Welcome! This page highlights resources built and maintained by the Agent +Development Kit community. !!! info Google and the ADK team do not provide support for the content linked in these external community resources. -## Translations - -Community-provided translations of the ADK documentation. - -* **[adk.wiki - ADK Documentation (Chinese)](https://adk.wiki/)** - - > adk.wiki is the Chinese version of the Agent Development Kit - > documentation, maintained by an individual. The documentation is - > continuously updated and translated to provide a localized reading - > experience for developers in China. - -* **[ADK Documentation (Korean, 한국어)](https://adk-labs.github.io/adk-docs/ko/)** - - > the Korean version of the Agent Development Kit - > documentation, maintained by an individual. The documentation is - > continuously updated and translated to provide a localized reading - > experience for developers in South Korea. +## Getting Started -* **[ADK Documentation (Japanese, 日本語)](https://adk-labs.github.io/adk-docs/ja/)** - - > the Japanese version of the Agent Development Kit - > documentation, maintained by an individual. The documentation is - > continuously updated and translated to provide a localized reading - > experience for developers in Japan. - -## Tutorials, Guides & Blog Posts - -*Find community-written guides covering ADK features, use cases, and -integrations here.* - -* **[Build an e-commerce recommendation AI agents with ADK + Vector Search](https://github.com/google/adk-docs/blob/main/examples/python/notebooks/shop_agent.ipynb)** +
+ +
+ Introducing Agent Development Kit +
+
+
Video Demo
+

📺 Introducing Agent Development Kit

+

A demo of building a multi-agent travel planner, showcasing core design principles.

+
+ + +
+ Building your first agent with ADK +
+
+
Video
+

📺 Getting started with Agent Development Kit

+

Learn the fundamentals of agent definition and how to run and debug your first agent.

+
+ + +
+ ADK Agent Tools 101 +
+
+
Video
+

📺 Getting Started with ADK Tools

+

A guide to building a software bug assistant using tools like MCP, Google Search, and LangChain.

+
+ +
- > In this tutorial, we will explore how to build a simple multi-agent system for an - > e-commerce site, designed to offer the "Generative Recommendations" you find in the - > [Shopper's Concierge demo](https://www.youtube.com/watch?v=LwHPYyw7u6U). +## Courses & Deep Dives -* **[Google ADK + Vertex AI Live API](https://medium.com/google-cloud/google-adk-vertex-ai-live-api-125238982d5e)** +
+ +
+ ADK Masterclass Thumbnail +
+
+
Video Course
+

🎓 ADK Masterclass: Build AI Agents & Automate Workflows

+

A complete crash course that takes you from beginner to expert with 12 hands-on examples.

+
+ + +
+ ADK Training Hub Banner +
+
+
Website
+

🎓 ADK Training Hub

+

Master ADK from first principles to production with comprehensive tutorials and examples.

+
+ + +
+ Master Agentic AI with ADK +
+
+
YouTube Playlist
+

🎓 Master Agentic AI with ADK

+

A step-by-step playlist covering everything from setup to deploying and scaling agents.

+
+ + +
+ ADK Course +
+
+
YouTube Playlist
+

🎓 Google ADK End-to-end Course

+

Build, deploy, and scale production-ready agents with this in-depth course series.

+
+ + +
+ Building intelligent agents with ADK +
+
+
Blog Series
+

🎓 Building Intelligent Agents with Google ADK

+

A developer's guide to building intelligent agents with Google’s code-first Python toolkit.

+
+ +
- > Going Beyond the ADK CLI by Building Streaming Experiences with the Agent Development Kit and the Vertex AI Live API. +## Agent Tutorials and Demos -## Videos & Screencasts +
+ +
+ Building a data science agent with ADK +
+
+
Video Tutorial
+

📖 How to Build a Data Science Agent with ADK

+

A deep dive into building a multi-agent system for database queries, Python analysis, and BigQuery ML.

+
+ + +
+ Building a brand search optimization agent with ADK +
+
+
Video Tutorial
+

📖 Build a Browser Use Agent with ADK and Selenium

+

Learn to build an agent that enhances a retail website's product data by filling in missing information.

+
+ + +
+ ADK Shopper's Concierge Demo +
+
+
Jupyter Notebook
+

📖 Build an E-commerce Recommendation Agent

+

A tutorial on creating a simple multi-agent system for generative e-commerce recommendations.

+
+ + +
+ ADK + Vertex AI Live API +
+
+
Blog Post
+

📖 Google ADK + Vertex AI Live API

+

Go beyond the ADK CLI by building real-time, streaming experiences with the Live API.

+
+ + +
+ ADK Shopper's Concierge Demo +
+
+
Video Demo
+

📺 Shopper's Concierge Demo

+

See how AI agents can revolutionize shopping with personalized, real-time recommendations.

+
+ +
-Discover video walkthroughs, talks, and demos showcasing ADK. +## ADK for Java -
-
-
- +
+ +
+ Discover ADK Java for Building AI Agents
-
- -
-
- +
+
Video Talk
+

☕ Discover ADK Java for Building AI Agents

+

A presentation to help you build your first AI agents in Java.

-
- -
-
- + + +
+ ADK for Java (Experiments)
-
- -
-
- +
+
YouTube Playlist
+

☕ Google ADK for Java Tutorials

+

Step-by-step tutorials covering A2A, MCP, multi-agent systems, and callbacks in Java.

-
- -
-
- + + +
+ Build AI Agents with ADK for Java
-
- -
-
- +
+
Codelab
+

☕ Build AI Agents with ADK for Java

+

Move beyond simple LLM calls to create autonomous Java agents that reason, plan, and use tools.

-
- +
-* **[Agent Development Kit (ADK) Masterclass: Build AI Agents & Automate Workflows (Beginner to Pro)](https://www.youtube.com/watch?v=P4VFL9nIaIA)** +## Translations + +Community-provided translations of the ADK documentation. - > A comprehensive crash course that takes you from beginner to expert in Google's Agent Development Kit. - > Covers 12 hands-on examples progressing from single agent setup to advanced multi-agent workflows. - > Includes step-by-step code walkthroughs and downloadable source code for all examples. + ## Contributing Your Resource -Have an ADK resource to share (tutorial, translation, tool, video, example)? +Have an ADK resource to share (tutorial, translation, tool, video, or example)? -Refer to the steps in the [Contributing Guide](contributing-guide.md) for more -information on how to get involved! +Refer to the steps in the **[Contributing Guide](contributing-guide.md)** for more information on how to get involved! Thank you for your contributions to Agent Development Kit! ❤️ diff --git a/docs/stylesheets/custom.css b/docs/stylesheets/custom.css index d8940290d..41406f651 100644 --- a/docs/stylesheets/custom.css +++ b/docs/stylesheets/custom.css @@ -55,4 +55,75 @@ white-space: nowrap; max-width: none !important; overflow: visible !important; -} \ No newline at end of file +} + +.resource-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} +.resource-card { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 12px; + text-decoration: none !important; + display: flex; + flex-direction: column; + overflow: hidden; + transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} +.resource-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 24px rgba(0,0,0,0.08); + border-color: #4285F4; +} +.card-image-wrapper { + width: 100%; + aspect-ratio: 16/9; + background-color: #f0f4f8; +} +.card-image-wrapper img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.card-content { + padding: 1.0rem; + display: flex; + flex-direction: column; + flex-grow: 1; +} +.card-content .type { + font-size: 0.7rem; + font-weight: 600; + color: #4285F4; + margin-bottom: 0.5rem; +} +.card-content h3 { + font-size: 0.9rem; + color: #1a202c; + margin: 0; +} +.card-content p { + font-size: 0.8rem; + color: #4a5568; + line-height: 1.6; + margin-top: 0.75rem; + flex-grow: 1; +} + +.translation-list { + list-style: none; padding: 0; display: grid; gap: 1rem; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); +} +.translation-list a { + display: block; padding: 1rem 1.5rem; border-radius: 8px; + background: #f7fafc; border: 1px solid #e2e8f0; text-decoration: none; + font-weight: 600; font-size: 0.9rem; color: #2d3748; + transition: all 0.2s ease-in-out; +} +.translation-list a:hover { + background: white; border-color: #4285F4; transform: translateY(-2px); +}