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 Create a Gym Landing Page using Elementor 🔥
How to Create a Gym Landing Page using Elementor 🔥
DroidCrunch
FREE WooCommerce Side Cart Plugin #wordpress #woocommerce
FREE WooCommerce Side Cart Plugin #wordpress #woocommerce
Quick Tips - Web Desiign & Ai Tools
ASUS ProArt Live with Raj | How to EDIT Instagram REELS in Premiere Pro   #LearnFromThePros
ASUS ProArt Live with Raj | How to EDIT Instagram REELS in Premiere Pro #LearnFromThePros
Raj Photo Editing and Much More
Squarespace Tutorial For Beginners 2026 | Complete Step-By-Step Guide
Squarespace Tutorial For Beginners 2026 | Complete Step-By-Step Guide
Tutorial Stack
Elementor Video Background That Plays on Scroll — No Plugin Needed! (Step by Step)
Elementor Video Background That Plays on Scroll — No Plugin Needed! (Step by Step)
Quick Tips - Web Desiign & Ai Tools
Best Visual Effects & Animation Addon for Elementor Plugin
Best Visual Effects & Animation Addon for Elementor Plugin
Quick Tips - Web Desiign & Ai Tools