feat: Add blog posts on Tool UI, Vercel deployment, and Agent as Toolpatterns

[frontegg-david]

Summary by CodeRabbit

• Documentation
  • Added "Agent as Tool" guide covering multi-agent orchestration, registration, usage patterns, and deployment guidance
  • Added Vercel deployment guide with one-command workflow, KV integration, serverless considerations, and troubleshooting tips
  • Added Tool UI guide for rendering secure, type-safe rich widgets from tool responses with serving modes and examples
  • Updated docs navigation to include a new December 2025 blog group

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Adds three new December 2025 blog articles (Agent as Tool, Deploy to Vercel, Tool UI), inserts corresponding BlogCard entries on the blog index, and adds a "December 2025" group with those pages to the docs navigation (docs.json).

Changes

Cohort / File(s)	Summary
New Blog Articles docs/draft/blog/12-2025/agent-as-tool.mdx, docs/draft/blog/12-2025/deploy-to-vercel.mdx, docs/draft/blog/12-2025/tool-ui.mdx	Adds three new long-form documentation posts covering agent-as-tool patterns, Vercel deployment guidance (serverless/KV considerations), and Tool UI/widget rendering + security and platform guidance.
Blog Index & Navigation docs/draft/blog/index.mdx, docs/draft/docs.json	Inserts three new BlogCard entries into the blog index and adds a "December 2025" group to the docs navigation linking the new pages.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• fix(docs): reorginaize docs folder and update coderabbit config #50: Related docs/navigation updates that add or reorganize blog entries and modify docs.json.

Poem

🐰 I hopped through docs with a gleeful twirl,

New posts like carrots, a bright little swirl.
Agents, Vercel skies, and widgets that play—
December's fresh pages jump out and say,
"Read on, dear friend!" 🥕✨

Pre-merge checks

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title directly and clearly summarizes the main changes: adding three new blog post documentation files covering Tool UI, Vercel deployment, and Agent as Tool patterns.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 76ec4a1 and b8804b2.

📒 Files selected for processing (1)

• docs/draft/blog/12-2025/deploy-to-vercel.mdx

🚧 Files skipped from review as they are similar to previous changes (1)

• docs/draft/blog/12-2025/deploy-to-vercel.mdx

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[frontegg-david]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues
✅	Code Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

docs/draft/blog/12-2025/deploy-to-vercel.mdx (1)

467-473: Consider adding a disclaimer about pricing currency and freshness.

The pricing table shows specific dollar amounts ($20/mo for Pro tier) without clarifying the currency or noting that prices may change. Vercel pricing has also evolved over time.

Consider adding a note like: "Pricing current as of December 2025. Visit vercel.com/pricing for latest rates."

📜 Review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8c5b280 and 76ec4a1.

⛔ Files ignored due to path filters (7)

• docs/draft/assets/banners/agent-as-tool/architecture.png is excluded by !**/*.png
• docs/draft/assets/banners/agent-as-tool/banner.png is excluded by !**/*.png
• docs/draft/assets/banners/deploy-to-vercel/architecture.png is excluded by !**/*.png
• docs/draft/assets/banners/deploy-to-vercel/banner.png is excluded by !**/*.png
• docs/draft/assets/banners/tool-ui/banner.png is excluded by !**/*.png
• docs/draft/assets/banners/tool-ui/serving-modes.png is excluded by !**/*.png
• docs/draft/assets/banners/tool-ui/widget_example.png is excluded by !**/*.png

📒 Files selected for processing (5)

• docs/draft/blog/12-2025/agent-as-tool.mdx
• docs/draft/blog/12-2025/deploy-to-vercel.mdx
• docs/draft/blog/12-2025/tool-ui.mdx
• docs/draft/blog/index.mdx
• docs/draft/docs.json

🧰 Additional context used

📓 Path-based instructions (1)

docs/**

⚙️ CodeRabbit configuration file

docs/**: Repository documentation for the SDK, using MDX and hosted by Mintlify. See more specific rules for: - docs/docs/** (latest rendered docs, automation-only) - docs/v/** (archived versions, read-only) - docs/draft/docs/** (human-editable drafts) - docs/blogs/** (blogs, human edited) - docs/docs.json (Mintlify navigation)

Files:

• docs/draft/blog/12-2025/tool-ui.mdx
• docs/draft/docs.json
• docs/draft/blog/12-2025/agent-as-tool.mdx
• docs/draft/blog/index.mdx
• docs/draft/blog/12-2025/deploy-to-vercel.mdx

🧠 Learnings (1)

📚 Learning: 2025-11-16T22:47:05.139Z

Learnt from: frontegg-david
Repo: agentfront/frontmcp PR: 50
File: docs/docs/v/0.1/getting-started/welcome.mdx:2-3
Timestamp: 2025-11-16T22:47:05.139Z
Learning: In the agentfront/frontmcp repository, the docs/docs/v/** directory governance rule prohibiting manual edits applies to already-frozen releases, but does not preclude initial setup and bootstrap commits that establish the versioned docs structure.

Applied to files:

• docs/draft/blog/12-2025/agent-as-tool.mdx

🪛 LanguageTool

docs/draft/blog/12-2025/tool-ui.mdx

[style] ~40-~40: Consider an alternative for the overused word “exactly”.
Context: ...—rendered right inside ChatGPT. That's exactly what FrontMCP's Tool UI does. --- ...

(EXACTLY_PRECISELY)

docs/draft/blog/12-2025/agent-as-tool.mdx

[style] ~33-~33: Consider an alternative for the overused word “exactly”.
Context: ... other? Like regular MCP tools? That's exactly what FrontMCP's Agent as Tool patte...

(EXACTLY_PRECISELY)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: Build Libraries

🔇 Additional comments (8)

docs/draft/blog/index.mdx (1)

25-62: LGTM! Blog entries are well-structured and consistent.

The three new BlogCard entries follow the established pattern with complete metadata, proper date ordering (newest first), and consistent formatting. Links correctly reference the new blog posts being added in this PR.

docs/draft/docs.json (1)

265-268: LGTM! Navigation structure properly updated.

The new December 2025 group correctly references the three new blog posts with proper path structure. The placement between General and November 2025 follows chronological ordering.

docs/draft/blog/12-2025/agent-as-tool.mdx (2)

59-488: LGTM! Code examples are well-structured and technically sound.

The agent configuration examples demonstrate proper TypeScript syntax, good security practices (environment variables for API keys), and clear patterns for different use cases. The progression from simple to complex examples is educational and well-paced.

---

582-610: All referenced links are valid and accessible.

Internal documentation pages exist:

• /docs/servers/agents → docs/draft/docs/servers/agents.mdx
• /docs/getting-started/quickstart → docs/draft/docs/getting-started/quickstart.mdx

GitHub demo path exists with working implementation:

• /agentfront/frontmcp/tree/main/apps/demo/src/apps/weather → contains agents and tools for the weather demo application

docs/draft/blog/12-2025/tool-ui.mdx (3)

525-574: Excellent security guidance with clear examples.

The XSS prevention section effectively demonstrates both safe and unsafe patterns, making it clear to developers why escaping is critical. The inclusion of CSP requirements and warnings about dangerous patterns (eval, new Function, inline event handlers) is especially valuable for production security.

---

670-766: Outstanding production-ready example.

This complete weather widget demonstrates all best practices in one cohesive example: proper XSS escaping, component composition, date formatting, responsive layout, and clear organization. This serves as an excellent reference implementation for developers.

---

772-801: All internal documentation links are valid.

The referenced UI documentation pages exist in the documentation structure:

• /docs/ui/overview → docs/draft/docs/ui/overview.mdx
• /docs/ui/components/overview → docs/draft/docs/ui/components/overview.mdx
• /docs/ui/advanced/platforms → docs/draft/docs/ui/advanced/platforms.mdx
• /docs/ui/advanced/mcp-bridge → docs/draft/docs/ui/advanced/mcp-bridge.mdx

docs/draft/blog/12-2025/deploy-to-vercel.mdx (1)

525-554: All internal documentation links are valid. The referenced files exist and the AWS Lambda anchor is correctly defined in serverless.mdx.