Skip to content

Conversation

@torresmateo
Copy link
Collaborator

@torresmateo torresmateo commented Dec 7, 2025

Preview here

This PR reworks the main quickstart to move from 3 disconnected tool calls to a more useful workflow that features

  • 1 tool call with secrets (no auth required)
  • 2 tool calls with auth (same provider, but scope elevations required for the second tool call)

The workflow itself:

  • Fetches the latest news using Google News (secret-based tool)
  • Creates a Google Doc with the titles of the news
  • Sends a link to the Google Docs to the user using Gmail

Since there is a helper function now, the structure of the code went from a single piece of code, to 3 sections of code to make it easier and faster to digest.


Note

Reworks the quickstart into a workflow-based guide (news → Google Doc → email) with Python/JS examples and an auth helper, plus minor title/meta and styling tweaks.

  • Docs – Quickstart overhaul:
    • Rename quickstart to “Calling tools in your agent” in app/en/home/_meta.tsx and app/en/home/quickstart/page.mdx.
    • Replace discrete examples with a single end-to-end workflow: Google News search → Google Doc creation → Gmail send.
    • Add reusable helper for tool authorization (Python/JS) and restructure sections (setup, helper, workflow, run, examples).
  • UI/Styling:
    • Add guide-overview class in app/_components/guide-overview.tsx.
    • Adjust nested list spacing for GuideOverview in app/globals.css (.guide-overview ul ul { margin-top: 0; }).

Written by Cursor Bugbot for commit e547534. This will update automatically on new commits. Configure here.

@vercel
Copy link

vercel bot commented Dec 7, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
docs Ready Ready Preview, Comment Dec 16, 2025 2:09pm

@torresmateo
Copy link
Collaborator Author

Converted this back to draft because Vercel builds are failing

@torresmateo torresmateo marked this pull request as ready for review December 7, 2025 01:39
Copy link
Contributor

@vfanelle vfanelle left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a few points of feedback:

  • Updated apps to agents in the title
  • Asked to put 'from arcadepy import Arcade' in Step 2 code snippet
  • I got stuck completing the QuickStart and left a screenshot of the last output I got.

torresmateo and others added 7 commits December 11, 2025 12:29
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
Co-authored-by: vfanelle <vfanelle@gmail.com>
@torresmateo torresmateo requested a review from vfanelle December 15, 2025 23:12
@torresmateo torresmateo merged commit 3add935 into main Dec 16, 2025
5 checks passed
Copy link
Contributor

@nearestnabors nearestnabors left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few points!

- Execute your first tool using the Arcade client
- Authorize a tool to star a GitHub repository on your behalf
- Build a simple workflow that uses tools to:
- search for news with Google News
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- search for news with Google News
- Search for news with Google News


Create a new script called `example.mjs`:

```javascript filename="example.mjs"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.mjs is kinda uncommon these days, more of a legacy thing. I'll try the example with a JS extension and see where I land.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To run it without a package.json, you'll need .mjs. I'm torn because no one uses this in JS tuts. Let me know what you think about using TS, @torresmateo

</Tabs.Tab>

</Tabs>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Recommend quicklinks to API key dashboard and a reminder of where they can find their user ID so they don't end up wandering.

```javascript filename="example.mjs"
import Arcade from "@arcadeai/arcadejs";

// You can also set the `ARCADE_API_KEY` environment variable instead of passing it as a parameter.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm a bit concerned we aren't showing them how to add these to an env... api keys in local docs is sort of a nono in tutorials...

Comment on lines +309 to 327
```bash
uv run example.py
> latest news about MCP URL mode elicitation:
> ----------------------------
> InfoWorld - Visual Studio Code adds multi-agent orchestration
> https://www.infoworld.com/article/4105879/visual-studio-code-adds-multi-agent-orchestration.html
> ----------------------------
> Visual Studio Magazine - VS Code 1.107 (November 2025 Update) Expands Multi-Agent Orchestration, Model Management
> https://visualstudiomagazine.com/articles/2025/12/12/vs-code-1-107-november-2025-update-expands-multi-agent-orchestration-model-management.aspx
> ----------------------------
> SD Times - Several new updates make their way into the MCP specification
> https://sdtimes.com/ai/several-new-updates-make-their-way-into-the-mcp-specification/
> ----------------------------
> AI News - How the MCP spec update boosts security as infrastructure scales
> https://www.artificialintelligence-news.com/news/how-the-mcp-spec-update-boosts-security-as-infrastructure-scales/
>
> {'body': '', 'cc': '', 'date': '', 'from': '', 'header_message_id': '', 'history_id': '', 'id': '19b....', 'in_reply_to': '', 'label_ids': ['UNREAD', 'SENT', 'INBOX'], 'references': '', 'reply_to': '', 'snippet': '', 'subject': '', 'thread_id': '19b....', 'to': '', 'url': 'https://mail.google.com/mail/u/0/#sent/19b....'}
```
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't include outputs in copy-paste blocks. People copy the whole thing, put it in, and get an error. Do this:

   uv run example.py

You will be asked to authorize the agent by following a link. After you have completed the authorization, you will see a response like:

    > latest news about MCP URL mode elicitation:
    > ----------------------------
    > InfoWorld - Visual Studio Code adds multi-agent orchestration
    > https://www.infoworld.com/article/4105879/visual-studio-code-adds-multi-agent-orchestration.html
    > ----------------------------
    > Visual Studio Magazine - VS Code 1.107 (November 2025 Update) Expands Multi-Agent Orchestration, Model Management
    > https://visualstudiomagazine.com/articles/2025/12/12/vs-code-1-107-november-2025-update-expands-multi-agent-orchestration-model-management.aspx
    > ----------------------------
    > SD Times - Several new updates make their way into the MCP specification
    > https://sdtimes.com/ai/several-new-updates-make-their-way-into-the-mcp-specification/
    > ----------------------------
    > AI News - How the MCP spec update boosts security as infrastructure scales
    > https://www.artificialintelligence-news.com/news/how-the-mcp-spec-update-boosts-security-as-infrastructure-scales/
    >
    > {'body': '', 'cc': '', 'date': '', 'from': '', 'header_message_id': '', 'history_id': '', 'id': '19b....', 'in_reply_to': '', 'label_ids': ['UNREAD', 'SENT', 'INBOX'], 'references': '', 'reply_to': '', 'snippet': '', 'subject': '', 'thread_id': '19b....', 'to': '', 'url': 'https://mail.google.com/mail/u/0/#sent/19b....'}
    ```

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants