Stop Returning JSON From Your MCP Server. Start Returning UI.

📰 Medium · LLM

Learn to return UI from your MCP server instead of JSON for a better user experience and improved interface layer agentic products

intermediate Published 20 Jun 2026
Action Steps
  1. Design a UI component using a framework like React or Angular to render the data
  2. Use a templating engine like Handlebars or Mustache to generate the UI
  3. Implement an API gateway to handle requests and return UI components
  4. Configure the MCP server to return UI components instead of JSON
  5. Test and deploy the new UI-driven approach
Who Needs to Know This

Backend developers and full-stack engineers can benefit from this approach to improve the user interface and experience of their applications

Key Insight

💡 Returning UI from the server can simplify the development process and improve the user experience

Share This
🚀 Return UI from your MCP server, not JSON! Improve user experience and interface layer agentic products #UI #MCP #Serverless

Key Takeaways

Learn to return UI from your MCP server instead of JSON for a better user experience and improved interface layer agentic products

Full Article

Title: Stop Returning JSON From Your MCP Server. Start Returning UI.

URL Source: https://blog.stackademic.com/stop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb?source=rss------llm-5

Published Time: 2026-06-20T05:06:53Z

Markdown Content:
# Stop Returning JSON From Your MCP Server. Start Returning UI. | by Sachin Kasana | Jun, 2026 | Stackademic

[Sitemap](https://blog.stackademic.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1: Unknown user](https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png)

## [Stackademic](https://medium.com/stackademic?source=post_page---publication_nav-d1baaa8417a4-679b8ccdd4cb---------------------------------------)

·
Follow publication

[![Image 2: Stackademic](https://miro.medium.com/v2/resize:fill:76:76/1*U-kjsW7IZUobnoy1gAp1UQ.png)](https://blog.stackademic.com/?source=post_page---post_publication_sidebar-d1baaa8417a4-679b8ccdd4cb---------------------------------------)
Stackademic is a learning hub for programmers, devs, coders, and engineers. Our goal is to democratize free coding education for the world.

Follow publication

Member-only story

# Stop Returning JSON From Your MCP Server. Start Returning UI.

## A builder’s guide to A2UI, MCP Apps, and the interface layer agentic products are missing

[![Image 3: Sachin Kasana](https://miro.medium.com/v2/resize:fill:64:64/1*IKlnY-B9CALn6-rfjTXFHQ.jpeg)](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)

[Sachin Kasana](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)

Follow

11 min read

·

Just now

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fstackademic%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------clap_footer------------------)

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Frepost%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------repost_header------------------)

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=---header_actions--679b8ccdd4cb---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimensio
Read full article → ← Back to Reads

Related Videos

How To Fix CRITICAL ERROR On Wordpress [There Has Been a critical error - RESOLVED]
How To Fix CRITICAL ERROR On Wordpress [There Has Been a critical error - RESOLVED]
Christian Omeje - UDH
THE NEW FEDORA HYPRLAND SETUP OF 2026 (Must TRY)
THE NEW FEDORA HYPRLAND SETUP OF 2026 (Must TRY)
Ksk Royal
Caelestia Shell 2.0 - The Most Beautiful HYPRLAND Rice of 2026 (Arch Linux Setup)
Caelestia Shell 2.0 - The Most Beautiful HYPRLAND Rice of 2026 (Arch Linux Setup)
Ksk Royal
How to Export Lovable Design to Figma | Step-by-Step (UPDATED)
How to Export Lovable Design to Figma | Step-by-Step (UPDATED)
Tutorial Stack
Responsive Website Design Tutorial 2026
Responsive Website Design Tutorial 2026
Adrian Twarog
How does a Headless CMS work (explained simply)
How does a Headless CMS work (explained simply)
Adrian Twarog